@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

package/dist/collection/components/ez-grid/controller/ag-grid/editor/templates/Search.tpl.js

@@ -0,0 +1,15 @@
+import { ApplicationContext, HTMLBuilder } from '@sankhyalabs/core';
+import { getViewPortHeight } from '../GridEditorUtils';
+export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) => {
+  const ezSearch = HTMLBuilder.parseElement(`<ez-search
+          class="ez-grid grid_editor"
+          mode="slim"
+          suppress-empty-option=${required}
+          enabled=${!readOnly}
+    />`);
+  const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
+  ezSearch.optionLoader = (argument) => loader(argument, name, dataUnit);
+  ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
+  ezSearch.valueGetter = () => ezSearch.getValueAsync();
+  return ezSearch;
+};

package/dist/collection/components/ez-grid/controller/ag-grid/editor/templates/TextInput.tpl.js

@@ -0,0 +1,41 @@
+import { HTMLBuilder } from "@sankhyalabs/core";
+const MINIMIUM_WIDTH_TEXTAREA = 210;
+const PADDING_VALUE_TEXTAREA = 12;
+export const buildTextInput = ({ name, contextName }) => {
+  return HTMLBuilder.parseElement(`<ez-text-input
+        class="ez-grid grid_editor"
+        data-field-name=${name}
+        data-context-name=${contextName}
+        mode="slim"
+    />`);
+};
+export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
+  const element = HTMLBuilder.parseElement(`<ez-text-area
+            can-show-error="false"
+            enable-resize="true"
+        />`);
+  element.addEventListener('keydown', event => handlePressEnterEvent(event, element, editionManager));
+  setElementInitialWidth(eGridCell, element);
+  element.isPopUp = true;
+  return element;
+};
+function setElementInitialWidth(eGridCell, element) {
+  const { width } = eGridCell.getBoundingClientRect();
+  const newValue = width > MINIMIUM_WIDTH_TEXTAREA ? width : MINIMIUM_WIDTH_TEXTAREA;
+  element.style.minWidth = `${newValue - PADDING_VALUE_TEXTAREA}px`;
+  element.style.resize = "both";
+}
+function handlePressEnterEvent(event, element, editionManager) {
+  if (isEnter(event)) {
+    const shouldBreakLine = event.ctrlKey;
+    if (shouldBreakLine) {
+      element.appendTextToSelection('\n');
+      event.preventDefault();
+      return;
+    }
+    editionManager.navigateByEnterKey(event);
+  }
+}
+function isEnter(event) {
+  return [event.key, event.code].includes('Enter');
+}

package/dist/collection/components/ez-grid/controller/ag-grid/i18n/pt-BR.js

@@ -0,0 +1,75 @@
+const gridTerms = {
+  // for filter panel
+  page: "Página",
+  more: "mais",
+  to: "para",
+  of: "de",
+  next: "Próximo",
+  last: "Último",
+  first: "Primeiro",
+  previous: "Anterior",
+  loadingOoo: "Carregar",
+  // for set filter
+  selectAll: "Selecionar tudo",
+  searchOoo: "Procurar",
+  blanks: "Vazio",
+  // for number filter and text filter
+  filterOoo: "Filtrar",
+  applyFilter: "Aplicar filtro",
+  // for number filter
+  equals: "Igual",
+  lessThan: "Menor que",
+  greaterThan: "Maior que",
+  // for text filter
+  contains: "Contém",
+  startsWith: "Começa com",
+  endsWith: "Termina com",
+  // the header of the default group column
+  group: "Grupo",
+  // tool panel
+  columns: "Colunas",
+  rowGroupColumns: "Colunas do grupo de linhas",
+  rowGroupColumnsEmptyMessage: "Colunas do grupo de linhas vazias",
+  valueColumns: "Valores das colunas",
+  pivotMode: "Modo pivô",
+  groups: "Grupos",
+  values: "Valores",
+  pivots: "Pivôs",
+  valueColumnsEmptyMessage: "Valores de colunas vazias",
+  pivotColumnsEmptyMessage: "Pivôs de colunas vazias",
+  toolPanelButton: "Botão de painel de ferramentas",
+  // other
+  noRowsToShow: "Não há registros para mostrar.",
+  // enterprise menu
+  pinColumn: "Fixar coluna",
+  valueAggregation: "Agregar valor",
+  autosizeThiscolumn: "Redimensionar esta coluna",
+  autosizeAllColumns: "Redimensionar todas colunas",
+  groupBy: "Agrupar por",
+  ungroupBy: "Desagrupar por",
+  resetColumns: "Resetar colunas",
+  expandAll: "Expandir tudo",
+  collapseAll: "Contrair tudo",
+  toolPanel: "Painel de ferramentas",
+  export: "Exportar",
+  csvExport: "Exportar para CSV",
+  excelExport: "Exportar para Excel",
+  // enterprise menu pinning
+  pinLeft: "Fixar coluna",
+  pinRight: "Fixar a direita",
+  noPin: "Desfixar coluna",
+  // enterprise menu aggregation and status panel
+  sum: "Soma",
+  min: "Mínimo",
+  max: "Máximo",
+  none: "Nenhum",
+  count: "Contagem",
+  average: "Média",
+  // standard menu
+  copy: "Copiar",
+  copyWithHeaders: "Copiar com cabeçalho",
+  ctrlC: "Ctrl+C",
+  paste: "Colar",
+  ctrlV: "Ctrl+V"
+};
+export default gridTerms;

package/dist/collection/components/ez-grid/controller/ag-grid/mock/Server.js

@@ -0,0 +1,69 @@
+export default class Server {
+  constructor(data) {
+    this._data = data;
+  }
+  getData(request) {
+    const finalArray = this.sort(this.filter(this._data, request), request);
+    return { rowData: finalArray.slice(request.startRow, request.endRow), rowCount: finalArray.length };
+  }
+  filter(data, _request) {
+    return data;
+  }
+  sort(data, _request) {
+    return data;
+  }
+}
+/*    alasql.options.cache = false;
+  
+    return {
+      getData: function (request) {
+        var results = executeQuery(request);
+  
+        return {
+          success: true,
+          rows: results,
+          lastRow: getLastRowIndex(request, results),
+        };
+      },
+    };
+  
+    function executeQuery(request) {
+      var sql = buildSql(request);
+  
+      console.log("[FakeServer] - about to execute query:", sql);
+  
+      return alasql(sql, [allData]);
+    }
+  
+    function buildSql(request) {
+      return "SELECT * FROM ?" + orderBySql(request) + limitSql(request);
+    }
+  
+    function orderBySql(request) {
+      var sortModel = request.sortModel;
+  
+      if (sortModel.length === 0) return "";
+  
+      var sorts = sortModel.map(function (s) {
+        return s.colId + " " + s.sort.toUpperCase();
+      });
+  
+      return " ORDER BY " + sorts.join(", ");
+    }
+  
+    function limitSql(request) {
+      var blockSize = request.endRow - request.startRow;
+  
+      return " LIMIT " + (blockSize + 1) + " OFFSET " + request.startRow;
+    }
+  
+    function getLastRowIndex(request, results) {
+      if (!results || results.length === 0) {
+        return null;
+      }
+  
+      var currentLastRow = request.startRow + results.length;
+  
+      return currentLastRow <= request.endRow ? currentLastRow : -1;
+    }
+  }*/

package/dist/collection/components/ez-grid/ez-grid.css

@@ -0,0 +1,97 @@
+:host {
+  /*private*/
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100%;
+  width: 100%;
+  
+  /*public*/
+  /*@doc Define a cor de fundo do header do componente.*/
+  --ez-grid__header--background-color: var(--background--xlight, #FFF);
+  /*@doc Define o z-index do componente selection counter.*/
+  --ez-grid__selection-counter--z-index: var(--visible, 1);
+  /*@doc Define o sombreamento usado como borda.*/
+  --ez-grid__container--shadow: 0 0 16px 0 rgb(0 38 111 / 12%);
+}
+
+.grid-header {
+  display: grid;
+  justify-content: space-between;
+  align-items: center;
+  grid-template-columns: 1fr;
+  background-color: var(--ez-grid__header--background-color, #FFF);
+  z-index: var(--more-visible, 2);
+}
+
+.grid__container {
+  /*private*/
+  padding-top: 15px;
+  margin-top: -12px;
+
+  /*public*/
+  box-shadow: var(--ez-grid__container--shadow);
+  background-color: var(--ez-grid__header--background-color);
+}
+
+.grid-header__popover {
+  position: relative;
+  top: var(--space--sm, 16px);
+}
+
+.grid-header__container {
+  /*private*/
+  display: flex;
+  align-items: center;
+}
+
+.grid-header__position {
+  /*private*/
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.grid__selection-counter {
+  /*private*/
+  position: fixed;
+  white-space: nowrap;
+  transform: translate(-50%, 0px);
+  left: 50%;
+  opacity: 0;
+  bottom: -100%;
+  transition: opacity 0.1s, bottom 0.5s;
+
+  /*public*/
+  z-index: var(--ez-grid__selection-counter--z-index);
+}
+
+.grid__selection-counter--opened {
+  /*private*/
+  opacity: 1;
+  bottom: 0px;
+}
+
+.grid__btn-close {
+  /*private*/
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  outline: none;
+  width: 20px;
+  height: 20px;
+  border: none;
+  background-color: unset;
+  cursor: pointer;
+}
+
+.grid__btn-clear {
+  /*public*/
+  --ez-button--link-color: var(--color--alert-warning-900, #8C6B00);
+  --ez-button--link--hover-color: var(--color--alert-warning-900, #8C6B00);
+}
+
+:host[no-header] .grid-header {
+  height: 0;
+  padding: 0;
+}