@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-77126.1 → 0.0.0-bugfix-dev-KB-75047.0

package/dist/collection/components/ez-form-view/custom-input/ez-custom-form-input.js

@@ -56,7 +56,7 @@ export class EzCustomFormInput {
     }
   }
   getContent() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const fieldProps = new Map();
     for (const prop in this.formViewField.props) {
       fieldProps.set(prop, this.formViewField.props[prop]);
@@ -94,7 +94,8 @@ export class EzCustomFormInput {
     if (typeof gui === 'string') {
       gui = HTMLBuilder.parseElement(gui);
     }
-    gui.setAttribute('value', this.value);
+    const value = (_e = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : this.value) !== null && _e !== void 0 ? _e : '';
+    gui.setAttribute('value', value);
     this.gui = h("div", { key: StringUtils.generateUUID(), ref: el => el && el.appendChild(gui) });
   }
   setValue(value) {

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

@@ -1015,7 +1015,12 @@ export default class AgGridController {
     });
   }
   onRowDoubleClick(evt) {
+    var _a, _b;
     if (this._doubleClickCallBack && (!this._options.enableGridInsert || !this._dataUnit.hasNewRecord())) {
+      /**
+       * Evita mudança de view e a grade permanecer no modo de edição.
+       */
+      (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.stopEditing();
       this._doubleClickCallBack(evt.data);
     }
   }
@@ -1031,20 +1036,29 @@ export default class AgGridController {
     }
   }
   setCellEditors(customEditors) {
+    var _a, _b, _c, _d, _e;
     if (!this._editionManager) {
       this._customEditors = customEditors;
       return;
     }
+    const currentEditingCells = (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.getEditingCells();
     this._editionManager.setCellEditors(customEditors);
+    if ((currentEditingCells === null || currentEditingCells === void 0 ? void 0 : currentEditingCells.length) > 0) {
+      this._gridOptions.api.startEditingCell({ colKey: (_d = (_c = currentEditingCells[0]) === null || _c === void 0 ? void 0 : _c.column) === null || _d === void 0 ? void 0 : _d.getColId(), rowIndex: (_e = currentEditingCells[0]) === null || _e === void 0 ? void 0 : _e.rowIndex });
+    }
   }
   setCellRenders(customRenders) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f;
     if (!this._editionManager) {
       this._customRenders = customRenders;
       return;
     }
     this._editionManager.setCellRenders(customRenders);
-    (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.redrawRows();
+    const currentEditingCells = (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.getEditingCells();
+    (_c = this._gridOptions) === null || _c === void 0 ? void 0 : _c.api.redrawRows();
+    if ((currentEditingCells === null || currentEditingCells === void 0 ? void 0 : currentEditingCells.length) > 0) {
+      this._gridOptions.api.startEditingCell({ colKey: (_e = (_d = currentEditingCells[0]) === null || _d === void 0 ? void 0 : _d.column) === null || _e === void 0 ? void 0 : _e.getColId(), rowIndex: (_f = currentEditingCells[0]) === null || _f === void 0 ? void 0 : _f.rowIndex });
+    }
   }
   clearInvalidCells(stopEdition) {
     if (!this._editionManager)

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

@@ -385,12 +385,9 @@ export default class GridEditionManager {
     }
   }
   setCellEditors(customEditors) {
-    var _a, _b;
+    var _a;
     this._customEditors = customEditors;
-    if (!customEditors.has((_b = (_a = this._lastCellOpened) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.getColId()))
-      return;
-    this._gridOptions.api.stopEditing();
-    window.requestAnimationFrame(() => this.focusOnCell(this._lastCellOpened));
+    (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.stopEditing();
   }
   setCellRenders(customRenders) {
     this._customRenders = customRenders;

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

@@ -23,6 +23,10 @@
   background: rgba(0, 4, 12, 0.1);
 }
 
+.modal__screen-none{
+  background: none;
+}
+
 .modal__screen-medium{
   backdrop-filter: blur(4px);
   background: rgba(0, 4, 12, 0.4)

package/dist/collection/components/ez-modal/ez-modal.js

@@ -211,8 +211,8 @@ export class EzModal {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"medium\" | \"light\"",
-          "resolved": "\"light\" | \"medium\"",
+          "original": "\"medium\" | \"light\" | \"none\"",
+          "resolved": "\"light\" | \"medium\" | \"none\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ez-number-input/ez-number-input.css

@@ -1,8 +1,16 @@
 :host {
+  /*@doc Define a largura maxima do componente.*/
+  --ez-number-input__min-width: 0px;
+  /*@doc Define a largura minima do componente.*/
+  --ez-number-input__max-width: 100%;
+
   display: block;
   width: 100%;
 }
 
 .number__input {
   height: 100%;
+
+  min-width: var(--ez-number-input__min-width);
+  max-width: var(--ez-number-input__max-width);
 }

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

@@ -18,7 +18,7 @@
   /*@doc Define a família da fonte do título do popup.*/
   --ez-popup__title--font-family: var(--font-pattern, "Roboto");
   /*@doc Define o tamanho da fonte do título do popup.*/
-  --ez-popup__title--font-size: var(--title--large, 20px);
+  --ez-popup__title--font-size: var(--title--extra-large, 24px);
   /*@doc Define a cor da fonte do título do popup.*/
   --ez-popup__title--color: var(--title--primary, #2b3a54);
   /*@doc Define o peso da fonte do título do popup.*/

package/dist/collection/components/ez-search/ez-search.js

@@ -38,7 +38,7 @@ export class EzSearch {
     this.options = undefined;
     this.suppressSearch = false;
     this.ensureClearButtonVisible = false;
-    this.suppressPreLoad = false;
+    this.suppressPreLoad = true;
     this.autoFocus = false;
   }
   observeErrorMessage() {
@@ -50,12 +50,25 @@ export class EzSearch {
       }
     }
   }
+  getValue(val) {
+    return typeof val === 'object' ? val === null || val === void 0 ? void 0 : val.value : val;
+  }
   validateNewValue(newValue, oldValue) {
-    const getValue = (val) => typeof val === 'object' ? val === null || val === void 0 ? void 0 : val.value : val;
-    return (getValue(newValue) !== getValue(oldValue));
+    const parsedNewValue = this.getValue(newValue);
+    const parsedOldValue = this.getValue(oldValue);
+    const newValueIsValid = parsedNewValue !== "[object Object]" && !!parsedNewValue;
+    const oldValueIsValid = parsedOldValue !== "[object Object]" && !!parsedOldValue;
+    const valuesIsDifferent = parsedNewValue !== parsedOldValue;
+    if (!oldValueIsValid && newValueIsValid) {
+      return true;
+    }
+    if (newValueIsValid && oldValueIsValid && valuesIsDifferent) {
+      return true;
+    }
+    return false;
   }
   async observeValue(newValue, oldValue) {
-    if (this._textInput && newValue !== oldValue && this.validateNewValue(newValue, oldValue)) {
+    if (this._textInput && this.validateNewValue(newValue, oldValue)) {
       if (typeof newValue === "string") {
         await this.handleValueAsString(newValue);
         return;
@@ -143,6 +156,9 @@ export class EzSearch {
       return;
     }
     await this.loadDescriptionValue(value);
+    if (!this._currentValue) {
+      return;
+    }
     this.setInputValue();
     this.ezChange.emit(this.value);
     this._currentValue = this.value;
@@ -198,7 +214,7 @@ export class EzSearch {
       return;
     }
     let text = (!this.showSelectedValue || currentValue.value == undefined) ? currentValue.label : currentValue.label ? `${currentValue.value} - ${currentValue.label}` : currentValue.value;
-    text = text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
+    text = text === null || text === void 0 ? void 0 : text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
     return text;
   }
   getText() {
@@ -525,6 +541,19 @@ export class EzSearch {
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
+  async handleInitialValue() {
+    const valueIsValid = !!this.getValue(this.value);
+    if (!valueIsValid) {
+      return;
+    }
+    if (typeof this.value === "string") {
+      await this.handleValueAsString(this.value);
+      return;
+    }
+    let text = this.getFormattedText(this.value);
+    text = this.replaceQuotes(text);
+    this._textInput.value = text;
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -556,10 +585,9 @@ export class EzSearch {
       ElementIDUtils.addIDInfoIfNotExists(elem, "itemSearch");
     });
   }
-  componentDidLoad() {
+  async componentDidLoad() {
     this._currentValue = this.value;
     CSSVarsUtils.applyVarsTextInput(this.el, this._textInput);
-    this.setInputValue(false);
     this._resizeObserver = new ResizeObserver((entries) => {
       window.requestAnimationFrame(() => {
         if (!Array.isArray(entries) || !entries.length)
@@ -570,12 +598,17 @@ export class EzSearch {
         }
       });
     });
+    await this.handleInitialValue();
     if (this.autoFocus) {
       requestAnimationFrame(() => {
         this.setFocus({ selectText: true });
       });
     }
   }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
   //---------------------------------------------
   // Event handlers
   //---------------------------------------------
@@ -1070,7 +1103,7 @@ export class EzSearch {
         },
         "attribute": "suppress-pre-load",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "autoFocus": {
         "type": "boolean",

package/dist/collection/components/ez-split-button/ez-split-button.css

@@ -41,9 +41,9 @@
     /*@doc Define a cor de fundo quando o cursor está sobre o botão.*/
     --ez-split-button--hover--background-color: var(--background--light, #ffffff);
     /*@doc Define a cor do texto quando o botão está desabilitado.*/
-    --ez-split-button--disabled-color: var(--text--disable);
+    --ez-split-button--disabled-color: var(--text--primary);
     /*@doc Define a cor de fundo quando o botão está desabilitado.*/
-    --ez-split-button--disabled--background-color: var(--color--disable-secondary);
+    --ez-split-button--disabled--background-color: var(--background--medium);
     /*@doc Define o estido da borda quando o botão está selecionado.*/
     --ez-split-button--focus--border: var(--border--medium, 2px) var(--color--primary-300);
     /*@doc Define a sombra do botão quando selecionado.*/

package/dist/collection/components/ez-text-input/ez-text-input.css

@@ -8,6 +8,10 @@
   --ez-text-input__icon--width: 48px;
   /*@doc Define a altura do componente em modo "slim".*/
   --ez-text-input--height--slim: 32px;
+  /*@doc Define a largura maxima do componente.*/
+  --ez-text-input__min-width: 0px;
+  /*@doc Define a largura minima do componente.*/
+  --ez-text-input__max-width: 100%;
 
   /* general */
   /*@doc Define o raio da borda do input do componente.*/
@@ -83,6 +87,8 @@
   position: relative;
   /*public*/
   width: var(--ez-text-input--width);
+  min-width: var(--ez-text-input__min-width);
+  max-width: var(--ez-text-input__max-width);
 }
 
 :host(.grid_editor){

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { ElementIDUtils, MaskFormatter } from "@sankhyalabs/core";
+import { applyEllipsisToInput } from "../../utils/ResponsiveInputUtils";
 export class EzTextInput {
   constructor() {
     this.label = undefined;
@@ -243,6 +244,9 @@ export class EzTextInput {
     this._inputElem.addEventListener('focus', () => {
       this._inputElem.setSelectionRange(0, this._inputElem.value.length);
     });
+    if (this._inputElem) {
+      applyEllipsisToInput(this._inputElem);
+    }
   }
   componentWillLoad() {
     this.observeMask();

package/dist/collection/utils/ResponsiveInputUtils.js

@@ -0,0 +1,26 @@
+/**
+ * Aplica comportamento de elipses a um input caso o texto ultrapasse o tamanho disponível.
+ *
+ * @param inputElement A referência ao elemento input (HTMLInputElement).
+ */
+export const applyEllipsisToInput = (inputElement) => {
+  if (!inputElement || !inputElement.style) {
+    console.error('[applyEllipsisToInput] Referência ao elemento input é inválida.');
+    return;
+  }
+  inputElement.style.textOverflow = 'ellipsis';
+  inputElement.style.overflow = 'hidden';
+  inputElement.style.whiteSpace = 'nowrap';
+  const adjustEllipsis = () => {
+    const value = inputElement.value || '';
+    const isOverflowing = inputElement.scrollWidth > inputElement.clientWidth;
+    if (isOverflowing) {
+      inputElement.setAttribute('title', value);
+    }
+    else {
+      inputElement.removeAttribute('title');
+    }
+  };
+  inputElement.addEventListener('input', adjustEllipsis);
+  adjustEllipsis();
+};

package/dist/collection/utils/form/FormMetadata.js

@@ -97,7 +97,7 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         return;
       }
       const descriptor = dataUnit.getField(field.name);
-      if (descriptor && tabConfig.visible) {
+      if (descriptor && descriptor.visible && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
           sheets.set(tabConfig, []);
         }