@lemon-fe/components 1.2.14 → 1.3.0-alpha.0

package/es/data-grid/modules/column-tool-panel/columnToolPanel/toolPanelColumnGroupComp.js

@@ -1,406 +0,0 @@
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var __decorate = this && this.__decorate || function (decorators, target, key, desc) {
-  var c = arguments.length,
-    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-    d;
-  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { _, AgCheckbox, Autowired, Column, Component, CssClassApplier, DragAndDropService, DragSourceType, Events, KeyCode, PostConstruct, RefSelector, TouchListener } from "@ag-grid-community/core";
-import { ColumnModelItem } from "./columnModelItem";
-import { ToolPanelContextMenu } from "./toolPanelContextMenu";
-export var ToolPanelColumnGroupComp = /*#__PURE__*/function (_Component) {
-  _inherits(ToolPanelColumnGroupComp, _Component);
-  var _super = _createSuper(ToolPanelColumnGroupComp);
-  function ToolPanelColumnGroupComp(modelItem, allowDragging, eventType, focusWrapper) {
-    var _this;
-    _classCallCheck(this, ToolPanelColumnGroupComp);
-    _this = _super.call(this);
-    _this.modelItem = modelItem;
-    _this.allowDragging = allowDragging;
-    _this.eventType = eventType;
-    _this.focusWrapper = focusWrapper;
-    _this.processingColumnStateChange = false;
-    _this.modelItem = modelItem;
-    _this.columnGroup = modelItem.getColumnGroup();
-    _this.columnDept = modelItem.getDept();
-    _this.allowDragging = allowDragging;
-    return _this;
-  }
-  _createClass(ToolPanelColumnGroupComp, [{
-    key: "init",
-    value: function init() {
-      var _this2 = this;
-      this.setTemplate(ToolPanelColumnGroupComp.TEMPLATE);
-      this.eDragHandle = _.createIconNoSpan('columnDrag', this.gridOptionsService);
-      this.eDragHandle.classList.add('ag-drag-handle', 'ag-column-select-column-group-drag-handle');
-      var checkboxGui = this.cbSelect.getGui();
-      var checkboxInput = this.cbSelect.getInputElement();
-      checkboxGui.insertAdjacentElement('afterend', this.eDragHandle);
-      checkboxInput.setAttribute('tabindex', '-1');
-      this.displayName = this.columnModel.getDisplayNameForProvidedColumnGroup(null, this.columnGroup, this.eventType);
-      if (_.missing(this.displayName)) {
-        this.displayName = '>>';
-      }
-      this.eLabel.innerHTML = this.displayName ? this.displayName : '';
-      this.setupExpandContract();
-      this.addCssClass('ag-column-select-indent-' + this.columnDept);
-      this.addManagedListener(this.eventService, Events.EVENT_COLUMN_PIVOT_MODE_CHANGED, this.onColumnStateChanged.bind(this));
-      this.addManagedListener(this.eLabel, 'click', this.onLabelClicked.bind(this));
-      this.addManagedListener(this.cbSelect, AgCheckbox.EVENT_CHANGED, this.onCheckboxChanged.bind(this));
-      this.addManagedListener(this.modelItem, ColumnModelItem.EVENT_EXPANDED_CHANGED, this.onExpandChanged.bind(this));
-      this.addManagedListener(this.focusWrapper, 'keydown', this.handleKeyDown.bind(this));
-      this.addManagedListener(this.focusWrapper, 'contextmenu', this.onContextMenu.bind(this));
-      this.setOpenClosedIcons();
-      this.setupDragging();
-      this.onColumnStateChanged();
-      this.addVisibilityListenersToAllChildren();
-      this.refreshAriaExpanded();
-      this.refreshAriaLabel();
-      this.setupTooltip();
-      var classes = CssClassApplier.getToolPanelClassesFromColDef(this.columnGroup.getColGroupDef(), this.gridOptionsService, null, this.columnGroup);
-      classes.forEach(function (c) {
-        return _this2.addOrRemoveCssClass(c, true);
-      });
-    }
-  }, {
-    key: "getColumns",
-    value: function getColumns() {
-      return this.columnGroup.getLeafColumns();
-    }
-  }, {
-    key: "setupTooltip",
-    value: function setupTooltip() {
-      var _this3 = this;
-      var colGroupDef = this.columnGroup.getColGroupDef();
-      if (!colGroupDef) {
-        return;
-      }
-      var refresh = function refresh() {
-        var newTooltipText = colGroupDef.headerTooltip;
-        _this3.setTooltip(newTooltipText);
-      };
-      refresh();
-      this.addManagedListener(this.eventService, Events.EVENT_NEW_COLUMNS_LOADED, refresh);
-    }
-  }, {
-    key: "getTooltipParams",
-    value: function getTooltipParams() {
-      var res = _get(_getPrototypeOf(ToolPanelColumnGroupComp.prototype), "getTooltipParams", this).call(this);
-      res.location = 'columnToolPanelColumnGroup';
-      return res;
-    }
-  }, {
-    key: "handleKeyDown",
-    value: function handleKeyDown(e) {
-      switch (e.key) {
-        case KeyCode.LEFT:
-          e.preventDefault();
-          this.modelItem.setExpanded(false);
-          break;
-        case KeyCode.RIGHT:
-          e.preventDefault();
-          this.modelItem.setExpanded(true);
-          break;
-        case KeyCode.SPACE:
-          e.preventDefault();
-          if (this.isSelectable()) {
-            this.onSelectAllChanged(!this.isSelected());
-          }
-          break;
-      }
-    }
-  }, {
-    key: "onContextMenu",
-    value: function onContextMenu(e) {
-      var _this4 = this;
-      var columnGroup = this.columnGroup,
-        gridOptionsService = this.gridOptionsService;
-      if (gridOptionsService.is('functionsReadOnly')) {
-        return;
-      }
-      var contextMenu = this.createBean(new ToolPanelContextMenu(columnGroup, e, this.focusWrapper));
-      this.addDestroyFunc(function () {
-        if (contextMenu.isAlive()) {
-          _this4.destroyBean(contextMenu);
-        }
-      });
-    }
-  }, {
-    key: "addVisibilityListenersToAllChildren",
-    value: function addVisibilityListenersToAllChildren() {
-      var _this5 = this;
-      this.columnGroup.getLeafColumns().forEach(function (column) {
-        _this5.addManagedListener(column, Column.EVENT_VISIBLE_CHANGED, _this5.onColumnStateChanged.bind(_this5));
-        _this5.addManagedListener(column, Column.EVENT_VALUE_CHANGED, _this5.onColumnStateChanged.bind(_this5));
-        _this5.addManagedListener(column, Column.EVENT_PIVOT_CHANGED, _this5.onColumnStateChanged.bind(_this5));
-        _this5.addManagedListener(column, Column.EVENT_ROW_GROUP_CHANGED, _this5.onColumnStateChanged.bind(_this5));
-      });
-    }
-  }, {
-    key: "setupDragging",
-    value: function setupDragging() {
-      var _this6 = this;
-      if (!this.allowDragging) {
-        _.setDisplayed(this.eDragHandle, false);
-        return;
-      }
-      var hideColumnOnExit = !this.gridOptionsService.is('suppressDragLeaveHidesColumns');
-      var dragSource = {
-        type: DragSourceType.ToolPanel,
-        eElement: this.eDragHandle,
-        dragItemName: this.displayName,
-        defaultIconName: hideColumnOnExit ? DragAndDropService.ICON_HIDE : DragAndDropService.ICON_NOT_ALLOWED,
-        getDragItem: function getDragItem() {
-          return _this6.createDragItem();
-        },
-        onDragStarted: function onDragStarted() {
-          var event = {
-            type: Events.EVENT_COLUMN_PANEL_ITEM_DRAG_START,
-            column: _this6.columnGroup
-          };
-          _this6.eventService.dispatchEvent(event);
-        },
-        onDragStopped: function onDragStopped() {
-          var event = {
-            type: Events.EVENT_COLUMN_PANEL_ITEM_DRAG_END
-          };
-          _this6.eventService.dispatchEvent(event);
-        },
-        onGridEnter: function onGridEnter() {
-          if (hideColumnOnExit) {
-            // when dragged into the grid, mimic what happens when checkbox is enabled
-            // this handles the behaviour for pivot which is different to just hiding a column.
-            _this6.onChangeCommon(true);
-          }
-        },
-        onGridExit: function onGridExit() {
-          if (hideColumnOnExit) {
-            // when dragged outside of the grid, mimic what happens when checkbox is disabled
-            // this handles the behaviour for pivot which is different to just hiding a column.
-            _this6.onChangeCommon(false);
-          }
-        }
-      };
-      this.dragAndDropService.addDragSource(dragSource, true);
-      this.addDestroyFunc(function () {
-        return _this6.dragAndDropService.removeDragSource(dragSource);
-      });
-    }
-  }, {
-    key: "createDragItem",
-    value: function createDragItem() {
-      var visibleState = {};
-      this.columnGroup.getLeafColumns().forEach(function (col) {
-        visibleState[col.getId()] = col.isVisible();
-      });
-      return {
-        columns: this.columnGroup.getLeafColumns(),
-        visibleState: visibleState
-      };
-    }
-  }, {
-    key: "setupExpandContract",
-    value: function setupExpandContract() {
-      this.eGroupClosedIcon.appendChild(_.createIcon('columnSelectClosed', this.gridOptionsService, null));
-      this.eGroupOpenedIcon.appendChild(_.createIcon('columnSelectOpen', this.gridOptionsService, null));
-      this.addManagedListener(this.eGroupClosedIcon, 'click', this.onExpandOrContractClicked.bind(this));
-      this.addManagedListener(this.eGroupOpenedIcon, 'click', this.onExpandOrContractClicked.bind(this));
-      var touchListener = new TouchListener(this.eColumnGroupIcons, true);
-      this.addManagedListener(touchListener, TouchListener.EVENT_TAP, this.onExpandOrContractClicked.bind(this));
-      this.addDestroyFunc(touchListener.destroy.bind(touchListener));
-    }
-  }, {
-    key: "onLabelClicked",
-    value: function onLabelClicked() {
-      var nextState = !this.cbSelect.getValue();
-      this.onChangeCommon(nextState);
-    }
-  }, {
-    key: "onCheckboxChanged",
-    value: function onCheckboxChanged(event) {
-      this.onChangeCommon(event.selected);
-    }
-  }, {
-    key: "getVisibleLeafColumns",
-    value: function getVisibleLeafColumns() {
-      var childColumns = [];
-      var extractCols = function extractCols(children) {
-        children.forEach(function (child) {
-          if (!child.isPassesFilter()) {
-            return;
-          }
-          if (child.isGroup()) {
-            extractCols(child.getChildren());
-          } else {
-            childColumns.push(child.getColumn());
-          }
-        });
-      };
-      extractCols(this.modelItem.getChildren());
-      return childColumns;
-    }
-  }, {
-    key: "onChangeCommon",
-    value: function onChangeCommon(nextState) {
-      this.refreshAriaLabel();
-      if (this.processingColumnStateChange) {
-        return;
-      }
-      this.modelItemUtils.selectAllChildren(this.modelItem.getChildren(), nextState, this.eventType);
-    }
-  }, {
-    key: "refreshAriaLabel",
-    value: function refreshAriaLabel() {
-      var translate = this.localeService.getLocaleTextFunc();
-      var columnLabel = translate('ariaColumnGroup', 'Column Group');
-      var checkboxValue = this.cbSelect.getValue();
-      var state = checkboxValue === undefined ? translate('ariaIndeterminate', 'indeterminate') : checkboxValue ? translate('ariaVisible', 'visible') : translate('ariaHidden', 'hidden');
-      var visibilityLabel = translate('ariaToggleVisibility', 'Press SPACE to toggle visibility');
-      _.setAriaLabel(this.focusWrapper, "".concat(this.displayName, " ").concat(columnLabel));
-      this.cbSelect.setInputAriaLabel("".concat(visibilityLabel, " (").concat(state, ")"));
-      _.setAriaDescribedBy(this.focusWrapper, this.cbSelect.getInputElement().id);
-    }
-  }, {
-    key: "onColumnStateChanged",
-    value: function onColumnStateChanged() {
-      var selectedValue = this.workOutSelectedValue();
-      var readOnlyValue = this.workOutReadOnlyValue();
-      this.processingColumnStateChange = true;
-      this.cbSelect.setValue(selectedValue);
-      this.cbSelect.setReadOnly(readOnlyValue);
-      this.addOrRemoveCssClass('ag-column-select-column-group-readonly', readOnlyValue);
-      this.processingColumnStateChange = false;
-    }
-  }, {
-    key: "workOutSelectedValue",
-    value: function workOutSelectedValue() {
-      var _this7 = this;
-      var pivotMode = this.columnModel.isPivotMode();
-      var visibleLeafColumns = this.getVisibleLeafColumns();
-      var checkedCount = 0;
-      var uncheckedCount = 0;
-      visibleLeafColumns.forEach(function (column) {
-        if (!pivotMode && column.getColDef().lockVisible) {
-          return;
-        }
-        if (_this7.isColumnChecked(column, pivotMode)) {
-          checkedCount++;
-        } else {
-          uncheckedCount++;
-        }
-      });
-      if (checkedCount > 0 && uncheckedCount > 0) {
-        return undefined;
-      }
-      return checkedCount > 0;
-    }
-  }, {
-    key: "workOutReadOnlyValue",
-    value: function workOutReadOnlyValue() {
-      var pivotMode = this.columnModel.isPivotMode();
-      var colsThatCanAction = 0;
-      this.columnGroup.getLeafColumns().forEach(function (col) {
-        if (pivotMode) {
-          if (col.isAnyFunctionAllowed()) {
-            colsThatCanAction++;
-          }
-        } else {
-          if (!col.getColDef().lockVisible) {
-            colsThatCanAction++;
-          }
-        }
-      });
-      return colsThatCanAction === 0;
-    }
-  }, {
-    key: "isColumnChecked",
-    value: function isColumnChecked(column, pivotMode) {
-      if (pivotMode) {
-        var pivoted = column.isPivotActive();
-        var grouped = column.isRowGroupActive();
-        var aggregated = column.isValueActive();
-        return pivoted || grouped || aggregated;
-      }
-      return column.isVisible();
-    }
-  }, {
-    key: "onExpandOrContractClicked",
-    value: function onExpandOrContractClicked() {
-      var oldState = this.modelItem.isExpanded();
-      this.modelItem.setExpanded(!oldState);
-    }
-  }, {
-    key: "onExpandChanged",
-    value: function onExpandChanged() {
-      this.setOpenClosedIcons();
-      this.refreshAriaExpanded();
-    }
-  }, {
-    key: "setOpenClosedIcons",
-    value: function setOpenClosedIcons() {
-      var folderOpen = this.modelItem.isExpanded();
-      _.setDisplayed(this.eGroupClosedIcon, !folderOpen);
-      _.setDisplayed(this.eGroupOpenedIcon, folderOpen);
-    }
-  }, {
-    key: "refreshAriaExpanded",
-    value: function refreshAriaExpanded() {
-      _.setAriaExpanded(this.focusWrapper, this.modelItem.isExpanded());
-    }
-  }, {
-    key: "getDisplayName",
-    value: function getDisplayName() {
-      return this.displayName;
-    }
-  }, {
-    key: "onSelectAllChanged",
-    value: function onSelectAllChanged(value) {
-      var cbValue = this.cbSelect.getValue();
-      var readOnly = this.cbSelect.isReadOnly();
-      if (!readOnly && (value && !cbValue || !value && cbValue)) {
-        this.cbSelect.toggle();
-      }
-    }
-  }, {
-    key: "isSelected",
-    value: function isSelected() {
-      return this.cbSelect.getValue();
-    }
-  }, {
-    key: "isSelectable",
-    value: function isSelectable() {
-      return !this.cbSelect.isReadOnly();
-    }
-  }, {
-    key: "setSelected",
-    value: function setSelected(selected) {
-      this.cbSelect.setValue(selected, true);
-    }
-  }]);
-  return ToolPanelColumnGroupComp;
-}(Component);
-ToolPanelColumnGroupComp.TEMPLATE = "<div class=\"ag-column-select-column-group\" aria-hidden=\"true\">\n            <span class=\"ag-column-group-icons\" ref=\"eColumnGroupIcons\" >\n                <span class=\"ag-column-group-closed-icon\" ref=\"eGroupClosedIcon\"></span>\n                <span class=\"ag-column-group-opened-icon\" ref=\"eGroupOpenedIcon\"></span>\n            </span>\n            <ag-checkbox ref=\"cbSelect\" class=\"ag-column-select-checkbox\"></ag-checkbox>\n            <span class=\"ag-column-select-column-label\" ref=\"eLabel\"></span>\n        </div>";
-__decorate([Autowired('columnModel')], ToolPanelColumnGroupComp.prototype, "columnModel", void 0);
-__decorate([Autowired('dragAndDropService')], ToolPanelColumnGroupComp.prototype, "dragAndDropService", void 0);
-__decorate([Autowired('modelItemUtils')], ToolPanelColumnGroupComp.prototype, "modelItemUtils", void 0);
-__decorate([RefSelector('cbSelect')], ToolPanelColumnGroupComp.prototype, "cbSelect", void 0);
-__decorate([RefSelector('eLabel')], ToolPanelColumnGroupComp.prototype, "eLabel", void 0);
-__decorate([RefSelector('eGroupOpenedIcon')], ToolPanelColumnGroupComp.prototype, "eGroupOpenedIcon", void 0);
-__decorate([RefSelector('eGroupClosedIcon')], ToolPanelColumnGroupComp.prototype, "eGroupClosedIcon", void 0);
-__decorate([RefSelector('eColumnGroupIcons')], ToolPanelColumnGroupComp.prototype, "eColumnGroupIcons", void 0);
-__decorate([PostConstruct], ToolPanelColumnGroupComp.prototype, "init", null);

package/es/data-grid/modules/column-tool-panel/columnToolPanel/toolPanelContextMenu.d.ts

@@ -1,24 +0,0 @@
-import { Column, Component, ProvidedColumnGroup } from "@ag-grid-community/core";
-export declare class ToolPanelContextMenu extends Component {
-    private readonly column;
-    private readonly mouseEvent;
-    private readonly parentEl;
-    private columns;
-    private allowGrouping;
-    private allowValues;
-    private allowPivoting;
-    private menuItemMap;
-    private displayName;
-    private readonly columnModel;
-    private readonly popupService;
-    private readonly focusService;
-    constructor(column: Column | ProvidedColumnGroup, mouseEvent: MouseEvent, parentEl: HTMLElement);
-    private postConstruct;
-    private initializeProperties;
-    private buildMenuItemMap;
-    private addColumnsToList;
-    private removeColumnsFromList;
-    private displayContextMenu;
-    private isActive;
-    private getMappedMenuItems;
-}