@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-55889.0 → 0.0.0-bugfix-dev-kb-0224.0

package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js

@@ -96,7 +96,7 @@ export class EzMuiltiSelectionList {
   }
   async searchWithDataSource(searchArgument, fieldName) {
     const { argument, mode } = searchArgument;
-    if (mode !== 'PRELOAD' && fieldName) {
+    if (mode !== 'PRELOAD') {
       return this.dataSource.fetchData(argument, fieldName);
     }
   }

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

@@ -56,7 +56,6 @@
 .ez-scroller__container--vertical {
   overflow-y: scroll;
   flex-direction: column;
-  width: 100%;
   max-height: var(--ez-scroller__max-height);
 }
 

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

@@ -135,10 +135,10 @@ ez-icon {
   background-color: var(--ez-search--background-color--xlight);
   border-radius: var(--ez-search--border-radius);
   box-shadow: var(--shadow, 0px 0px 16px 0px #000);
+  padding: var(--ez-search--space--small);
 }
 
 .list-options {
-  margin-top: 0px;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
@@ -146,24 +146,20 @@ ez-icon {
   display: flex;
   flex-direction: column;  
   scroll-behavior: smooth;
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow: auto;
   scrollbar-width: thin;
+  gap: 3px;
 
   /*public*/
   scrollbar-color: var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background);
-
 }
 
 .list-options::-webkit-scrollbar {
   /*public*/
-  background-color: var(--scrollbar--background);
-  width: var(--space--small);
-  max-width: var(--space--small);
-  min-width: var(--space--small);
-  height: var(--space--small);
-  max-height: var(--space--small);
-  min-height: var(--space--small);
+  background-color: var(--ez-search__scrollbar--color-background);
+  width: var(--ez-search__scrollbar--width);
+  max-width: var(--ez-search__scrollbar--width);
+  min-width: var(--ez-search__scrollbar--width);
 }
 
 .list-options::-webkit-scrollbar-track {
@@ -200,6 +196,7 @@ ez-icon {
 
   /*public*/
   border-radius: var(--ez-search--border-radius-small);
+  padding: var(--ez-search--space--small);
   gap: var(--space--small, 6px);
 }
 
@@ -334,12 +331,4 @@ ez-text-input:hover .btn__close, ez-text-input:focus .btn__close {
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
-}
-
-@supports not (scrollbar-width: thin) {
-  /* Estilos para navegadores que NÃO suportam scrollbar-width */
-  .item {
-      /* Estilos alternativos, por exemplo, para navegadores que não suportam scrollbar-width */
-      padding-right: 8px;
-  }
 }

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

@@ -35,8 +35,7 @@ export class EzSearch {
     this.ignoreLimitCharsToSearch = false;
     this.options = undefined;
     this.suppressSearch = false;
-    this.ensureClearButtonVisible = false;
-    this.suppressPreLoad = false;
+    this.fromGrid = false;
   }
   observeErrorMessage() {
     var _a;
@@ -69,7 +68,7 @@ export class EzSearch {
     }
   }
   observeOptions(newOptions, oldOptions) {
-    if (!newOptions.length && this.suppressPreLoad)
+    if (!newOptions.length && this.fromGrid)
       return;
     if ((newOptions === null || newOptions === void 0 ? void 0 : newOptions.join('')) === (oldOptions === null || oldOptions === void 0 ? void 0 : oldOptions.join('')))
       return;
@@ -271,7 +270,7 @@ export class EzSearch {
       title: opt.label,
       details: opt.details
     };
-    return h("div", { style: { "height": "100%" }, class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this._preSelection = index }, h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
+    return h("div", { style: { "height": "100%" }, class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this._preSelection = index }, h("ez-card-item", { item: card }));
   }
   showOptions() {
     if (!this.enabled)
@@ -663,7 +662,7 @@ export class EzSearch {
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.ensureClearButtonVisible)
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.fromGrid)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
       : undefined), h("section", { class: "list-container", ref: elem => this._listContainer = elem }, h("div", { class: "list-wrapper", ref: elem => this._listWrapper = elem }, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this._showLoading
       && this._visibleOptions.length === 0
@@ -989,7 +988,7 @@ export class EzSearch {
         "reflect": false,
         "defaultValue": "false"
       },
-      "ensureClearButtonVisible": {
+      "fromGrid": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -1001,27 +1000,9 @@ export class EzSearch {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Garante que o bot\u00E3o de limpar pesquisa est\u00E1 sempre vis\u00EDvel"
+          "text": "Informa se o componente est\u00E1 instanciado de dentro de uma grade"
         },
-        "attribute": "ensure-clear-button-visible",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "suppressPreLoad": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Se true, desabilita pr\u00E9-load das op\u00E7\u00F5es ao carregar componente"
-        },
-        "attribute": "suppress-pre-load",
+        "attribute": "from-grid",
         "reflect": false,
         "defaultValue": "false"
       }

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

@@ -8,8 +8,6 @@
     --ez-sidebar-button--hover--width: 12px;
     /*@doc Define a altura do span do botão.*/
     --ez-sidebar-button--height: 96px;
-    /*@doc Define a camada em que o componente será exibido.*/
-	--ez-sidebar-navigator-button--z-index: var(--elevation--20, 20);
 
     /* cor */
     /*@doc Define a cor de fundo do botão.*/
@@ -37,7 +35,6 @@
 }
 
 button {
-    z-index: var(--ez-sidebar-navigator-button--z-index);
     position: absolute;
     display: flex;
     background: var(--ez-sidebar-button--background-color--xlight);

package/dist/collection/components/ez-sidebar-button/ez-sidebar-button.js

@@ -11,7 +11,7 @@ export class EzSidebarButton {
     }
   }
   render() {
-    return (h("button", { type: "button", onClick: () => { this.ezClick.emit(); }, ref: (el) => this._button = el }, h("span", null), h("ez-icon", { iconName: "chevron-right", size: "small" })));
+    return (h("button", { type: "button", onClick: () => { this.ezClick.emit(); }, ref: (el) => this._button = el }, h("span", null), h("ez-icon", { iconName: "chevron-right" })));
   }
   static get is() { return "ez-sidebar-button"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ez-sidebar-navigator/ez-sidebar-navigator.css

@@ -14,8 +14,6 @@
 	--ez-sidebar-navigator--border-radius: 0px var(--border--radius-medium) var(--border--radius-medium) 0px;
 	/*@doc Força uma altura especifica para o sidebar, o padrão é 100% da tela*/
 	--ez-sidebar-navigator--height: calc(100vh - var(--space--lg, 24px));
-	/*@doc Define a camada em que o componente será exibido.*/
-	--ez-sidebar-navigator--z-index: var(--elevation--20, 20);
 	
 	/*Labels Header */
 	/*@doc Define o espaçamento entre os componente do cabeçalho*/
@@ -126,7 +124,7 @@
 
 .dynamic {
 	position: absolute;
-	z-index: var(--ez-sidebar-navigator--z-index);
+	z-index: var(--most-visible	, 4);
 }
 
 .fixed {

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

@@ -23,7 +23,7 @@
     /*@doc Define a cor do label.*/
     --ez-split-button--color: var(--title--primary, #FFF);
     /*@doc Define o tamanho do label.*/
-    --ez-split-button--font-size: var(--text--small, 12px);
+    --ez-split-button--font-size: var(--text--medium, 14px);
     /*@doc Define a família da fonte do label.*/
     --ez-split-button--font-family: var(--font-pattern, Arial);
     /*@doc Define o peso da fonte do label.*/

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

@@ -42,7 +42,7 @@ export class EzSplitButton {
   }
   getIconSize(sizeParam = 'medium') {
     var _a;
-    const sizeList = ['small', 'medium', 'large'];
+    const sizeList = ['medium', 'large'];
     const sizeLowerCase = (_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     return sizeList.includes(sizeLowerCase) ? sizeLowerCase : sizeParam;
   }
@@ -311,8 +311,8 @@ export class EzSplitButton {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'small' | 'medium' | 'large'",
-          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "original": "'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.css

@@ -45,7 +45,6 @@
 .ez-split-item--header-buttons {
   display: flex;
   align-items: center;
-  max-height: 20px;
 }
 
 .ez-split-item--content {

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

@@ -69,7 +69,7 @@ export default class DataBinder {
     this._recordValidatorProcessor = new RecordValidationProcessor(this._dataUnit, {
       getRequiredFields: () => this._formMetadata.getRequiredFields(),
       markAsInvalid: field => this.markInvalid(field),
-      getMessageForField: field => this.getErrorMessage(field),
+      getMessageForField: field => this.getErrorMessage(field)
     }, recordsValidator);
   }
   disconnectDataUnit() {

package/dist/collection/utils/validators/recordvalidator/RecordValidationProcessor.js

@@ -5,7 +5,7 @@ export class RecordValidationProcessor {
     this._validationSource = validationSource;
     this._validator = validator;
   }
-  validate(isSaving = true) {
+  validate() {
     return new Promise((accept, reject) => {
       const records = this._dataUnit.getModifiedRecords();
       for (let i = 0; i < records.length; i++) {
@@ -22,11 +22,6 @@ export class RecordValidationProcessor {
           }
         }
         if (invalidResults.length > 0) {
-          if (!isSaving && invalidResults[0].invalidFields.length > 0) {
-            this._validationSource.markAsInvalid(invalidResults[0].invalidFields[0], record.__record__id__);
-            reject();
-            break;
-          }
           this.processValidationResult(invalidResults, record.__record__id__);
           reject();
           break;
@@ -58,7 +53,6 @@ export class RecordValidationProcessor {
   processValidationResult(validationResult, recordId) {
     validationResult.forEach(invalidResult => {
       const invalidFields = invalidResult.invalidFields;
-      this._dataUnit.savingCanceled(invalidFields, recordId);
       if (invalidFields) {
         invalidFields.forEach(field => {
           this.markAsInvalid(field, recordId);