handsontable 12.1.2 → 12.2.0

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -3,39 +3,22 @@
 exports.__esModule = true;
 exports.RENDERER_TYPE = void 0;
 exports.checkboxRenderer = checkboxRenderer;
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.array.includes.js");
-
 require("core-js/modules/es.string.includes.js");
-
 require("core-js/modules/es.regexp.to-string.js");
-
 require("core-js/modules/web.timers.js");
-
 var _baseRenderer = require("../baseRenderer");
-
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
-
 var _element = require("../../helpers/dom/element");
-
 var _mixed = require("../../helpers/mixed");
-
 var _editorManager = require("../../editorManager");
-
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var isListeningKeyDownEvent = new WeakMap();
 var isCheckboxListenerAdded = new WeakMap();
 var BAD_VALUE_CLASS = 'htBadValue';
@@ -44,33 +27,27 @@ var ATTR_COLUMN = 'data-col';
 var SHORTCUTS_GROUP = 'checkboxRenderer';
 var RENDERER_TYPE = 'checkbox';
 exports.RENDERER_TYPE = RENDERER_TYPE;
-
 _pluginHooks.default.getSingleton().add('modifyAutoColumnSizeSeed', function (bundleSeed, cellMeta, cellValue) {
   var label = cellMeta.label,
-      type = cellMeta.type,
-      row = cellMeta.row,
-      column = cellMeta.column,
-      prop = cellMeta.prop;
-
+    type = cellMeta.type,
+    row = cellMeta.row,
+    column = cellMeta.column,
+    prop = cellMeta.prop;
   if (type !== RENDERER_TYPE) {
     return;
   }
-
   if (label) {
     var labelValue = label.value,
-        labelProperty = label.property;
+      labelProperty = label.property;
     var labelText = cellValue;
-
     if (labelValue) {
       labelText = typeof labelValue === 'function' ? labelValue(row, column, prop, cellValue) : labelValue;
     } else if (labelProperty) {
       var labelData = this.getDataAtRowProp(row, labelProperty);
       labelText = labelData !== null ? labelData : cellValue;
     }
-
     bundleSeed = labelText;
   }
-
   return bundleSeed;
 });
 /**
@@ -85,26 +62,19 @@ _pluginHooks.default.getSingleton().add('modifyAutoColumnSizeSeed', function (bu
  * @param {*} value The rendered value.
  * @param {object} cellProperties The cell meta object ({@see Core#getCellMeta}).
  */
-
-
 function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
   var rootDocument = instance.rootDocument;
-
   _baseRenderer.baseRenderer.apply(this, [instance, TD, row, col, prop, value, cellProperties]);
-
   registerEvents(instance);
   var input = createInput(rootDocument);
   var labelOptions = cellProperties.label;
   var badValue = false;
-
   if (typeof cellProperties.checkedTemplate === 'undefined') {
     cellProperties.checkedTemplate = true;
   }
-
   if (typeof cellProperties.uncheckedTemplate === 'undefined') {
     cellProperties.uncheckedTemplate = false;
   }
-
   (0, _element.empty)(TD); // TODO identify under what circumstances this line can be removed
 
   if (value === cellProperties.checkedTemplate || (0, _mixed.stringify)(value).toLocaleLowerCase(cellProperties.locale) === (0, _mixed.stringify)(cellProperties.checkedTemplate).toLocaleLowerCase(cellProperties.locale)) {
@@ -119,22 +89,17 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
     (0, _element.addClass)(input, BAD_VALUE_CLASS);
     badValue = true;
   }
-
   input.setAttribute(ATTR_ROW, row);
   input.setAttribute(ATTR_COLUMN, col);
-
   if (!badValue && labelOptions) {
     var labelText = '';
-
     if (labelOptions.value) {
       labelText = typeof labelOptions.value === 'function' ? labelOptions.value.call(this, row, col, prop, value) : labelOptions.value;
     } else if (labelOptions.property) {
       var labelValue = instance.getDataAtRowProp(row, labelOptions.property);
       labelText = labelValue !== null ? labelValue : '';
     }
-
     var label = createLabel(rootDocument, labelText, labelOptions.separated !== true);
-
     if (labelOptions.position === 'before') {
       if (labelOptions.separated) {
         TD.appendChild(label);
@@ -153,26 +118,22 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
       }
     }
   }
-
   if (!labelOptions || labelOptions && !labelOptions.separated) {
     TD.appendChild(input);
   }
-
   if (badValue) {
     TD.appendChild(rootDocument.createTextNode('#bad-value#'));
   }
-
   if (!isListeningKeyDownEvent.has(instance)) {
     isListeningKeyDownEvent.set(instance, true);
     registerShortcuts();
   }
+
   /**
    * Register shortcuts responsible for toggling checkbox state.
    *
    * @private
    */
-
-
   function registerShortcuts() {
     var shortcutManager = instance.getShortcutManager();
     var gridContext = shortcutManager.getContext('grid');
@@ -191,6 +152,7 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
         changeSelectedCheckboxesState();
         return !areSelectedCheckboxCells(); // False blocks next action associated with the keyboard shortcut.
       },
+
       runOnlyIf: function runOnlyIf() {
         return instance.getSettings().enterBeginsEditing;
       }
@@ -200,61 +162,50 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
         changeSelectedCheckboxesState(true);
         return !areSelectedCheckboxCells(); // False blocks next action associated with the keyboard shortcut.
       },
+
       relativeToGroup: _editorManager.SHORTCUTS_GROUP_EDITOR,
       position: 'before'
     }], config);
   }
+
   /**
    * Change checkbox checked property.
    *
    * @private
    * @param {boolean} [uncheckCheckbox=false] The new "checked" state for the checkbox elements.
    */
-
-
   function changeSelectedCheckboxesState() {
     var uncheckCheckbox = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var selRange = instance.getSelectedRange();
-
     if (!selRange) {
       return;
     }
-
     for (var key = 0; key < selRange.length; key++) {
       var _selRange$key$getTopS = selRange[key].getTopStartCorner(),
-          startRow = _selRange$key$getTopS.row,
-          startColumn = _selRange$key$getTopS.col;
-
+        startRow = _selRange$key$getTopS.row,
+        startColumn = _selRange$key$getTopS.col;
       var _selRange$key$getBott = selRange[key].getBottomEndCorner(),
-          endRow = _selRange$key$getBott.row,
-          endColumn = _selRange$key$getBott.col;
-
+        endRow = _selRange$key$getBott.row,
+        endColumn = _selRange$key$getBott.col;
       var changes = [];
-
       for (var visualRow = startRow; visualRow <= endRow; visualRow += 1) {
         for (var visualColumn = startColumn; visualColumn <= endColumn; visualColumn += 1) {
           var cachedCellProperties = instance.getCellMeta(visualRow, visualColumn);
-
           if (cachedCellProperties.type !== 'checkbox') {
             return;
           }
-          /* eslint-disable no-continue */
-
 
+          /* eslint-disable no-continue */
           if (cachedCellProperties.readOnly === true) {
             continue;
           }
-
           if (typeof cachedCellProperties.checkedTemplate === 'undefined') {
             cachedCellProperties.checkedTemplate = true;
           }
-
           if (typeof cachedCellProperties.uncheckedTemplate === 'undefined') {
             cachedCellProperties.uncheckedTemplate = false;
           }
-
           var dataAtCell = instance.getDataAtCell(visualRow, visualColumn);
-
           if (uncheckCheckbox === false) {
             if ([cachedCellProperties.checkedTemplate, cachedCellProperties.checkedTemplate.toString()].includes(dataAtCell)) {
               // eslint-disable-line max-len
@@ -268,46 +219,37 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
           }
         }
       }
-
       if (changes.length > 0) {
         instance.setDataAtCell(changes);
       }
     }
   }
+
   /**
    * Check whether all selected cells are with checkbox type.
    *
    * @returns {boolean}
    * @private
    */
-
-
   function areSelectedCheckboxCells() {
     var selRange = instance.getSelectedRange();
-
     if (!selRange) {
       return;
     }
-
     for (var key = 0; key < selRange.length; key++) {
       var topLeft = selRange[key].getTopStartCorner();
       var bottomRight = selRange[key].getBottomEndCorner();
-
       for (var visualRow = topLeft.row; visualRow <= bottomRight.row; visualRow++) {
         for (var visualColumn = topLeft.col; visualColumn <= bottomRight.col; visualColumn++) {
           var cachedCellProperties = instance.getCellMeta(visualRow, visualColumn);
-
           if (cachedCellProperties.type !== 'checkbox') {
             return false;
           }
-
           var cell = instance.getCell(visualRow, visualColumn);
-
           if (cell === null || cell === void 0) {
             return true;
           } else {
             var checkboxes = cell.querySelectorAll('input[type=checkbox]');
-
             if (checkboxes.length > 0 && !cachedCellProperties.readOnly) {
               return true;
             }
@@ -315,22 +257,19 @@ function checkboxRenderer(instance, TD, row, col, prop, value, cellProperties) {
         }
       }
     }
-
     return false;
   }
 }
-
 checkboxRenderer.RENDERER_TYPE = RENDERER_TYPE;
+
 /**
  * Register checkbox listeners.
  *
  * @param {Core} instance The Handsontable instance.
  * @returns {EventManager}
  */
-
 function registerEvents(instance) {
   var eventManager = isCheckboxListenerAdded.get(instance);
-
   if (!eventManager) {
     var rootElement = instance.rootElement;
     eventManager = new _eventManager.default(instance);
@@ -345,17 +284,15 @@ function registerEvents(instance) {
     });
     isCheckboxListenerAdded.set(instance, eventManager);
   }
-
   return eventManager;
 }
+
 /**
  * Create input element.
  *
  * @param {Document} rootDocument The document owner.
  * @returns {Node}
  */
-
-
 function createInput(rootDocument) {
   var input = rootDocument.createElement('input');
   input.className = 'htCheckboxRendererInput';
@@ -364,6 +301,7 @@ function createInput(rootDocument) {
   input.setAttribute('tabindex', '-1');
   return input.cloneNode(false);
 }
+
 /**
  * Create label element.
  *
@@ -372,14 +310,13 @@ function createInput(rootDocument) {
  * @param {boolean} fullWidth Determines whether label should have full width.
  * @returns {Node}
  */
-
-
 function createLabel(rootDocument, text, fullWidth) {
   var label = rootDocument.createElement('label');
   label.className = "htCheckboxRendererLabel ".concat(fullWidth ? 'fullWidth' : '');
   label.appendChild(rootDocument.createTextNode(text));
   return label.cloneNode(true);
 }
+
 /**
  * `mouseup` callback.
  *
@@ -387,21 +324,17 @@ function createLabel(rootDocument, text, fullWidth) {
  * @param {Event} event `mouseup` event.
  * @param {Core} instance The Handsontable instance.
  */
-
-
 function onMouseUp(event, instance) {
   var target = event.target;
-
   if (!isCheckboxInput(target)) {
     return;
   }
-
   if (!target.hasAttribute(ATTR_ROW) || !target.hasAttribute(ATTR_COLUMN)) {
     return;
   }
-
   setTimeout(instance.listen, 10);
 }
+
 /**
  * `click` callback.
  *
@@ -409,62 +342,50 @@ function onMouseUp(event, instance) {
  * @param {MouseEvent} event `click` event.
  * @param {Core} instance The Handsontable instance.
  */
-
-
 function onClick(event, instance) {
   var target = event.target;
-
   if (!isCheckboxInput(target)) {
     return;
   }
-
   if (!target.hasAttribute(ATTR_ROW) || !target.hasAttribute(ATTR_COLUMN)) {
     return;
   }
-
   var row = parseInt(target.getAttribute(ATTR_ROW), 10);
   var col = parseInt(target.getAttribute(ATTR_COLUMN), 10);
   var cellProperties = instance.getCellMeta(row, col);
-
   if (cellProperties.readOnly) {
     event.preventDefault();
   }
 }
+
 /**
  * `change` callback.
  *
  * @param {Event} event `change` event.
  * @param {Core} instance The Handsontable instance.
  */
-
-
 function onChange(event, instance) {
   var target = event.target;
-
   if (!isCheckboxInput(target)) {
     return;
   }
-
   if (!target.hasAttribute(ATTR_ROW) || !target.hasAttribute(ATTR_COLUMN)) {
     return;
   }
-
   var row = parseInt(target.getAttribute(ATTR_ROW), 10);
   var col = parseInt(target.getAttribute(ATTR_COLUMN), 10);
   var cellProperties = instance.getCellMeta(row, col);
-
   if (!cellProperties.readOnly) {
     var newCheckboxValue = null;
-
     if (event.target.checked) {
       newCheckboxValue = cellProperties.uncheckedTemplate === void 0 ? true : cellProperties.checkedTemplate;
     } else {
       newCheckboxValue = cellProperties.uncheckedTemplate === void 0 ? false : cellProperties.uncheckedTemplate;
     }
-
     instance.setDataAtCell(row, col, newCheckboxValue);
   }
 }
+
 /**
  * Check if the provided element is the checkbox input.
  *
@@ -472,8 +393,6 @@ function onChange(event, instance) {
  * @param {HTMLElement} element The element in question.
  * @returns {boolean}
  */
-
-
 function isCheckboxInput(element) {
   return element.tagName === 'INPUT' && element.getAttribute('type') === 'checkbox';
 }