@sankhyalabs/ezui 5.22.0-dev.9 → 5.22.0-dev.91

package/dist/collection/components/ez-grid/controller/ag-grid/editor/EzCellEditor.js

@@ -44,6 +44,14 @@ export default class EzCellEditor {
   getValue() {
     return this._gui.valueGetter != undefined ? this._gui.valueGetter() : this._gui.value;
   }
+  setGuiValue(value) {
+    if (this._gui.valueSetter != undefined) {
+      this._gui.valueSetter(value);
+    }
+    else {
+      this._gui.value = value;
+    }
+  }
   isPopup() {
     return this._gui.isPopUp;
   }

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

@@ -17,7 +17,9 @@ export const buildComboBox = ({ required, props, eGridCell }) => {
         mode="slim"
     />`);
   combo.options = options;
+  combo.stopPropagateEnterKeyEvent = true;
   combo.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
+  combo.autoFocus = true;
   return combo;
 };
 export const buildSwitch = (fieldMetadata) => {

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

@@ -7,6 +7,7 @@ export const buildDate = () => {
             data-is-fixed="true"
         />`);
   dateInput.valueGetter = () => dateInput.getValueAsync();
+  dateInput.autoFocus = true;
   return dateInput;
 };
 export const buildTime = ({ readOnly }) => {

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

@@ -17,5 +17,6 @@ function buildNumeric(readOnly, precision, prettyPrecision) {
         mode="slim"
     />`);
   input.valueGetter = () => input.getValueAsync();
+  input.autoFocus = true;
   return input;
 }

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

@@ -1,6 +1,8 @@
 import { ApplicationContext, HTMLBuilder } from '@sankhyalabs/core';
 import { getViewPortHeight } from '../GridEditorUtils';
+import { StringUtils } from "@sankhyalabs/core";
 export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) => {
+  var _a;
   const ezSearch = HTMLBuilder.parseElement(`<ez-search
           class="ez-grid grid_editor"
           mode="slim"
@@ -8,9 +10,14 @@ export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) =
           enabled=${!readOnly}
     />`);
   const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
+  const metadata = dataUnit.getField(name);
   ezSearch.optionLoader = (argument) => loader(argument, name, dataUnit);
-  ezSearch.fromGrid = true;
+  ezSearch.ensureClearButtonVisible = true;
+  ezSearch.suppressPreLoad = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
+  ezSearch.stopPropagateEnterKeyEvent = true;
+  ezSearch.ignoreLimitCharsToSearch = StringUtils.getBooleanValue((_a = metadata === null || metadata === void 0 ? void 0 : metadata.properties) === null || _a === void 0 ? void 0 : _a.ignoreLimitCharsToSearch);
+  ezSearch.autoFocus = true;
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;
 };

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

@@ -2,12 +2,14 @@ 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
+  const textInput = HTMLBuilder.parseElement(`<ez-text-input
         class="ez-grid grid_editor"
         data-field-name=${name}
         data-context-name=${contextName}
         mode="slim"
     />`);
+  textInput.autoFocus = true;
+  return textInput;
 };
 export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   const element = HTMLBuilder.parseElement(`<ez-text-area
@@ -17,6 +19,7 @@ export const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   element.addEventListener('keydown', event => handlePressEnterEvent(event, element, editionManager));
   setElementInitialWidth(eGridCell, element);
   element.isPopUp = true;
+  element.autoFocus = true;
   return element;
 };
 function setElementInitialWidth(eGridCell, element) {

package/dist/collection/components/ez-grid/controller/ag-grid/test/constants/GridEditionMock.js

@@ -36,5 +36,7 @@ export function buildOptions(dataUnit) {
     serverURL: '',
     statusResolver: {},
     useEnterLikeTab: true,
+    enableContinuousInsert: false,
+    enableGridInsert: false,
   });
 }

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

@@ -11,9 +11,19 @@
   /*@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%);
+  --ez-grid__container--shadow: var(--shadow);
   /*@doc Define altura mínima da grid */
   --ez-grid--min-height: 300px;
+  /*@doc Define o outline usado como borda.*/
+  --ez-grid__container--shadow--outline: var(--shadow--outline) var(--color--strokes);
+  /*@doc Define a sombra do header.*/
+  --ez-grid__header--shadow: var(--shadow--xsmall);
+  /*@doc Define o outline usado como borda do header.*/
+  --ez-grid__header--shadow--outline: var(--shadow--outline) var(--color--strokes);
+  /*@doc Define o outline do header.*/
+  --ez-grid__header--outline: none;
+  /*@doc Define a borda do header.*/
+  --ez-grid__header--border: none;
 
   min-height: var(--ez-grid--min-height);
 }
@@ -27,15 +37,39 @@
   background-color: var(--ez-grid__header--background-color, #FFF);
 }
 
-.grid__container {
-  /*private*/
+.grid-header.shadow-mode {
+  box-shadow: var(--ez-grid__header--shadow);
+  border: var(--ez-grid__header--border);
+  outline: var(--ez-grid__header--outline);
+}
+
+.grid-header.outline-mode {
+  box-shadow: var(--ez-grid__header--shadow--outline);
+  border: var(--ez-grid__header--border);
+  outline: var(--ez-grid__header--outline);
+}
+
+.header-overlay {
   padding-top: 15px;
   margin-top: -12px;
+}
+
+.grid__container {
+  /*private*/
   outline: none;
 
   /*public*/
   box-shadow: var(--ez-grid__container--shadow);
   background-color: var(--ez-grid__header--background-color);
+  border: var(--border--small) var(--color--strokes);
+  border-radius: var(--border--radius-small);
+}
+
+.grid__container.outline-mode {
+  /*public*/
+  box-shadow: var(--ez-grid__container--shadow--outline);
+  border: none;
+  outline: none;
 }
 
 .grid-header__popover {
@@ -99,14 +133,8 @@
 }
 
 .grid-header__pagination{
-  width: 30%;
-  min-width: 100px;
   justify-content: flex-end;
-  flex-wrap: wrap;
-}
-
-.grid-header__left-container{
-  width: 70%
+  flex-wrap: nowrap;
 }
 
 .grid-header__pagination-label {
@@ -117,3 +145,60 @@
 .overflowed {
   display: none;
 }
+
+.pagination-contracted {
+  width: 100px;
+}
+
+.pagination-expanded{
+  min-width: 150px;
+}
+
+.left__header-contracted {
+  width: calc(100% - 100px);
+}
+
+.left__header-expanded{
+  flex-grow: 1;
+}
+
+.grid__footer{
+  background-color: var(--background--xlight, #FFF);
+  border-radius: 0 0 var(--border--radius-medium) var(--border--radius-medium);
+  box-shadow: var(--shadow--small);
+}
+
+.cancel-pagination{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+  padding: 8px;
+  width: 180px;
+}
+
+.cancel-pagination-btn{
+  color: var(--color--error);
+  font-size: var(--text--medium);
+  font-weight: var(--text-weight--large);
+  font-family: var(--font-pattern, Roboto);
+  text-wrap: nowrap;
+  cursor: pointer;
+}
+
+.spin {
+  animation-name: spin;
+  animation-duration: 5000ms;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+
+@keyframes spin {
+  from {
+    transform:rotate(0deg);
+  }
+  to {
+    transform:rotate(360deg);
+  }
+}