@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-71826.0 → 0.0.0-bugfix-dev-KB-60622.0

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 }));
+    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 }));
   }
   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,6 +8,8 @@
     --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.*/
@@ -35,6 +37,7 @@
 }
 
 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" })));
+    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" })));
   }
   static get is() { return "ez-sidebar-button"; }
   static get encapsulation() { return "shadow"; }

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

@@ -14,6 +14,8 @@
 	--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*/
@@ -124,7 +126,7 @@
 
 .dynamic {
 	position: absolute;
-	z-index: var(--most-visible	, 4);
+	z-index: var(--ez-sidebar-navigator--z-index);
 }
 
 .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--medium, 14px);
+    --ez-split-button--font-size: var(--text--small, 12px);
     /*@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 = ['medium', 'large'];
+    const sizeList = ['small', '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": "'medium' | 'large'",
-          "resolved": "\"large\" | \"medium\"",
+          "original": "'small' | 'medium' | 'large'",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
           "references": {}
         },
         "required": false,

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

@@ -45,6 +45,7 @@
 .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/IInvalidCells.js

@@ -0,0 +1 @@
+export {};

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

@@ -5,7 +5,7 @@ export class RecordValidationProcessor {
     this._validationSource = validationSource;
     this._validator = validator;
   }
-  validate() {
+  validate(isSaving = true) {
     return new Promise((accept, reject) => {
       const records = this._dataUnit.getModifiedRecords();
       for (let i = 0; i < records.length; i++) {
@@ -22,6 +22,11 @@ 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;
@@ -53,6 +58,7 @@ 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);