@sankhyalabs/ezui 7.3.3 → 7.3.4-dev.1

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

@@ -72,11 +72,127 @@ export const buildFormConfigFromDataUnit = (dataUnit) => {
       .filter(descriptor => descriptor.visible !== false)
       .map(descriptor => { return { name: descriptor.name, defaultValue: descriptor.defaultValue }; });
   }
-  const config = { emptyConfig: false, fields };
-  return config;
+  return { emptyConfig: false, fields };
 };
-export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
+function handleDetailTabs(dataUnit, config, sheets) {
+  const unitMD = dataUnit.metadata;
+  if (unitMD === undefined || unitMD.children === undefined)
+    return;
+  unitMD.children.forEach((child) => {
+    const tabConfig = getTabFromConfig(child.label, config);
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: buildChildName(child), isDetail: true }), []);
+      return;
+    }
+    const { label, name, fields } = buildDetailSheet(child);
+    sheets.set({ name, label, isDetail: true }, fields);
+  });
+}
+function handleCustomTabs(customGuides, config, sheets) {
+  customGuides.forEach((guide) => {
+    const tabConfig = getTabFromConfig(guide.label, config);
+    const ctxProps = {};
+    Object.entries(guide).forEach(([key, value]) => {
+      if (!isReservedKey(key)) {
+        ctxProps[key] = value;
+      }
+    });
+    if (tabConfig) {
+      sheets.set(Object.assign(tabConfig, { name: guide.id, isCustom: true, ctxProps }), []);
+      return;
+    }
+    const sheet = { label: guide.label, name: guide.id, isCustom: true, visible: true, ctxProps };
+    sheets.set(sheet, []);
+  });
+}
+function isReservedKey(key) {
+  return ['id', 'label'].includes(key);
+}
+function parseTabToFormSheet(key, fields) {
+  const i18n = getI18n();
+  return {
+    label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
+    name: key.name || key.label,
+    isCustom: key.isCustom,
+    isDetail: key.isDetail,
+    ctxProps: key.ctxProps,
+    fields
+  };
+}
+function handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues) {
+  var _a;
+  (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
+    var _a, _b, _c, _d, _e, _f;
+    if (field.visible === false) {
+      return;
+    }
+    if (!field.tab && ((_b = (_a = dataUnit.getField(field.name)) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.isPrimaryKey)) {
+      field.tab = "__main";
+    }
+    const tabConfig = getTabConfig(field.tab || "Geral", sheets, config);
+    if (hiddenTabs.has(tabConfig.label)) {
+      return;
+    }
+    const descriptor = dataUnit.getField(field.name);
+    const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
+    if (descriptor && fieldVisible && tabConfig.visible) {
+      if (!sheets.has(tabConfig)) {
+        sheets.set(tabConfig, []);
+      }
+      const formField = buildFieldMetadata(descriptor, field);
+      (_c = sheets.get(tabConfig)) === null || _c === void 0 ? void 0 : _c.push(formField);
+      if (formField.required) {
+        requiredFields.push(field.name);
+      }
+      const cleanOnCopy = field.cleanOnCopy == undefined ? (_d = descriptor.properties) === null || _d === void 0 ? void 0 : _d.cleanOnCopy : field.cleanOnCopy;
+      if (cleanOnCopy || ((_e = descriptor.properties) === null || _e === void 0 ? void 0 : _e.cleanOnCopy)) {
+        cleanOnCopyFields.push(field.name);
+      }
+      let defaultValue = field.defaultValue == undefined ? (_f = descriptor.properties) === null || _f === void 0 ? void 0 : _f.defaultValue : field.defaultValue;
+      if (defaultValue && defaultValue.value != undefined) {
+        const { type, value } = defaultValue;
+        if (type) {
+          if (type === "V") {
+            defaultValue = value;
+          }
+          else {
+            try {
+              const parsed = JSON.parse(value);
+              if (parsed && "value" in parsed) {
+                defaultValue = parsed;
+              }
+              else {
+                defaultValue = value;
+              }
+            }
+            catch (_g) {
+            }
+          }
+        }
+        defaultValues[field.name] = defaultValue;
+      }
+    }
+  });
+}
+function getDistinctTabs(config) {
   var _a, _b;
+  const fieldTabs = (_b = (_a = config.fields) === null || _a === void 0 ? void 0 : _a.map((field, index) => ({
+    label: field.tab,
+    name: field.tab,
+    order: index,
+    visible: true,
+    isDetail: false,
+    isCustom: false,
+  }))) !== null && _b !== void 0 ? _b : [];
+  return fieldTabs.reduce((total, item) => {
+    if (!total.some((tab) => tab.name === item.name)) {
+      return [...total, item];
+    }
+    return total;
+  }, []);
+}
+export const buildFormMetadata = (config, dataUnit, includeDetails = false, customGuides) => {
+  var _a;
   if (config == undefined || (config === null || config === void 0 ? void 0 : config.emptyConfig) === true) {
     config = buildFormConfigFromDataUnit(dataUnit);
   }
@@ -85,86 +201,27 @@ export const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
   const requiredFields = [];
   const cleanOnCopyFields = [];
   const defaultValues = {};
-  (_a = config === null || config === void 0 ? void 0 : config.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab) => {
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : getDistinctTabs(config);
+  tabs.forEach((tab) => {
     if (!hiddenTabs.has(tab.label) && tab.visible === false) {
       hiddenTabs.set(tab.label, tab);
     }
   });
-  (_b = config === null || config === void 0 ? void 0 : config.fields) === null || _b === void 0 ? void 0 : _b.forEach((field) => {
-    var _a, _b, _c;
-    if (field.visible !== false) {
-      const tabConfig = getTabConfig(field.tab || "__main", sheets, config);
-      if (hiddenTabs.has(tabConfig.label)) {
-        return;
-      }
-      const descriptor = dataUnit.getField(field.name);
-      const fieldVisible = (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) == undefined || (descriptor === null || descriptor === void 0 ? void 0 : descriptor.visible) === true;
-      if (descriptor && fieldVisible && tabConfig.visible) {
-        if (!sheets.has(tabConfig)) {
-          sheets.set(tabConfig, []);
-        }
-        const formField = buildFieldMetadata(descriptor, field);
-        sheets.get(tabConfig).push(formField);
-        if (formField.required) {
-          requiredFields.push(field.name);
-        }
-        const cleanOnCopy = field.cleanOnCopy == undefined ? (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy : field.cleanOnCopy;
-        if (cleanOnCopy || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.cleanOnCopy)) {
-          cleanOnCopyFields.push(field.name);
-        }
-        let defaultValue = field.defaultValue == undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : field.defaultValue;
-        if (defaultValue && defaultValue.value != undefined) {
-          const { type, value } = defaultValue;
-          if (type) {
-            if (type === "V") {
-              defaultValue = value;
-            }
-            else {
-              try {
-                const parsed = JSON.parse(value);
-                if (parsed && "value" in parsed) {
-                  defaultValue = parsed;
-                }
-                else {
-                  defaultValue = value;
-                }
-              }
-              catch (_d) { }
-            }
-          }
-          defaultValues[field.name] = defaultValue;
-        }
-      }
-    }
-  });
+  handleFields(config, sheets, hiddenTabs, dataUnit, requiredFields, cleanOnCopyFields, defaultValues);
   const metadata = new FormMetadata();
   metadata.setDefaultVars(config.defaultVars);
   if (includeDetails) {
-    const unitMD = dataUnit.metadata;
-    if (unitMD != undefined && unitMD.children != undefined) {
-      unitMD.children.forEach((child) => {
-        if (hiddenTabs.has(child.label)) {
-          return;
-        }
-        const tabConfig = getTabFromConfig(child.label, config);
-        if (tabConfig) {
-          sheets.set(Object.assign(tabConfig, { name: buildChildName(child) }), []);
-          return;
-        }
-        const { label, name, fields } = buildDetailSheet(child);
-        sheets.set({ name, label }, fields);
-      });
-    }
+    handleDetailTabs(dataUnit, config, sheets);
+  }
+  if (customGuides) {
+    handleCustomTabs(customGuides, config, sheets);
   }
-  const i18n = getI18n();
   Array.from(sheets.entries())
     .sort(sortTabs)
-    .forEach(([key, fields]) => {
-    metadata.addSheet({
-      label: (key.label === "__main") ? i18n("ez-form.mainTab") : key.label,
-      name: key.name || key.label,
-      fields
-    });
+    .forEach(([tab, fields]) => {
+    if (!hiddenTabs.has(tab.label)) {
+      metadata.addSheet(parseTabToFormSheet(tab, fields));
+    }
   });
   metadata.addRequiredFields(requiredFields);
   metadata.addCleanOnCopyFields(cleanOnCopyFields);
@@ -176,7 +233,8 @@ const getTabFromConfig = (tab, config) => {
   if (!config) {
     return;
   }
-  return (_a = config.tabs) === null || _a === void 0 ? void 0 : _a.find(t => t.label === tab);
+  const tabs = (_a = config === null || config === void 0 ? void 0 : config.tabs) !== null && _a !== void 0 ? _a : getDistinctTabs(config);
+  return tabs === null || tabs === void 0 ? void 0 : tabs.find(t => t.label === tab);
 };
 const getTabConfig = (tab, sheets, config) => {
   if (typeof tab !== "string") {

package/dist/collection/utils/form/interfaces/FormLayout.js

@@ -1,5 +1,7 @@
 export var FormLayout;
 (function (FormLayout) {
   FormLayout[FormLayout["CASCADE"] = 0] = "CASCADE";
-  FormLayout[FormLayout["SIDE_BY_SIDE"] = 1] = "SIDE_BY_SIDE";
+  FormLayout[FormLayout["CLASSIC_CASCADE"] = 1] = "CLASSIC_CASCADE";
+  FormLayout[FormLayout["SIDE_BY_SIDE"] = 2] = "SIDE_BY_SIDE";
+  FormLayout[FormLayout["CLASSIC_SIDE_BY_SIDE"] = 3] = "CLASSIC_SIDE_BY_SIDE";
 })(FormLayout || (FormLayout = {}));

package/dist/collection/utils/i18n/locales/en-us.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Uploading file",
       uploadingMessage: "Files are being uploaded. Please wait for completion or cancel the upload."
     },
+    "ez-image-input": {
+      defaultLabel: "Upload Image",
+      imageAlt: "Uploaded image",
+      removeImage: "Remove image",
+      editImage: "Edit image",
+      invalidFileType: "The selected file is not a valid image.",
+      fileTooLarge: "The image must be less than {{maxSize}}.",
+      imagePreview: "Image Preview",
+    },
     "ez-calendar": {
       month: {
         0: "January",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "The entered value is not a valid date"
     },
+    "ez-classic-date-input": {
+      invalidDate: "The entered value is not a valid date"
+    },
     "ez-dialog": {
       confirmButton: "Confirm or OK button",
       closeButton: "Close or X button"
@@ -90,16 +102,36 @@ export default {
     "ez-file-item": {
       invalidProgress: "The upload progress must be a number between 0 and 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Previous record",
+      nextRecord: "Next record",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancel pagination",
+      paginationLabel: "Pagination",
+      firstPage: 'First page',
+      lastPage: 'Last page',
+      previousPage: "Previous page",
+      nextPage: "Next page",
+      remainingPageLabel: " from {{count}} or more",
+      remainingTotalLabel: " from {{total}}",
+      pageCounter: "Page {{currentPage}} from {{totalPages}}",
+      largeLoad: {
+        line1: "Loading a large number of records",
+        line2: "We recommend canceling pagination and applying filters to improve performance.",
+        line3: "What do you want to do with pagination?",
+        loadAll: "Load all",
+        continue: "Continue",
+        cancel: "Cancel",
+      },
+    },
     "ez-grid": {
       filterAppliedSuccess: "Column filter applied successfully!",
-      cancelPagination: "Cancel pagination",
       pageLabel: "Page {{currentPage}}",
       previousPage: "Previous page",
       nextPage: "Next page",
       returnToPreviousPage: "Return to the previous page.",
       goToNextPage: "Move to the next page.",
-      remainingPageLabel: " from {{count}} or more",
-      remainingTotalLabel: " from {{total}}",
       nextRecord: "Move to the next record.",
       previousRecord: "Return to the previous record.",
       searchColumn: "Search by column.",
@@ -119,7 +151,7 @@ export default {
       last: "Last",
       first: "First",
       previous: "Previous",
-      loadingOoo: "Loading",
+      loadingOoo: "",
       selectAll: "Select all",
       searchOoo: "Search",
       blanks: "Blanks",
@@ -245,12 +277,24 @@ export default {
     "ez-search": {
       emptyList: "No results found",
       emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
     },
     "ez-search-plus": {
       emptyList: "No results found",
       optionLoaderNotDefined: "optionLoader not defined",
       defaultCodeLabel: "Code",
     },
+    "ez-classic-search": {
+      emptyList: "No results found",
+      emptySearch: "No results for {{field}} found",
+      showMore: "Show more"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "No results found",
+      optionLoaderNotDefined: "optionLoader not defined",
+      defaultCodeLabel: "Code",
+      clearValue: "Clear value",
+    },
     "ez-sortable-list": {
       emptyMessage: "No items in the list",
       entityLabel: "item",
@@ -267,6 +311,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Please enter a valid time.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Please enter a valid time.",
+    },
     "ez-sidebar": {
       unPinMenu: "Unpin menu",
       pushPinMenu: "Pin menu",
@@ -288,6 +335,10 @@ export default {
     },
     spinner: {
       loading: "Loading..."
+    },
+    "ez-scroller": {
+      previousButton: "Previous",
+      nextButton: "Next"
     }
   }
 };

package/dist/collection/utils/i18n/locales/es-es.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Subiendo archivo",
       uploadingMessage: "Se están subiendo archivos. Por favor, espere a que se complete o cancele la subida.",
     },
+    "ez-image-input": {
+      defaultLabel: "Subir Imagen",
+      imageAlt: "Imagen cargada",
+      removeImage: "Eliminar imagen",
+      editImage: "Editar imagen",
+      invalidFileType: "El archivo seleccionado no es una imagen válida.",
+      fileTooLarge: "La imagen debe tener menos de {{maxSize}}.",
+      imagePreview: "Vista Previa de Imagen",
+    },
     "ez-calendar": {
       month: {
         0: "Enero",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "El valor ingresado no es una fecha válida"
     },
+    "ez-classic-date-input": {
+      invalidDate: "El valor ingresado no es una fecha válida"
+    },
     "ez-dialog": {
       confirmButton: "Botón de confirmación o OK",
       closeButton: "Botón de cerrar o X"
@@ -90,16 +102,36 @@ export default {
     "ez-file-item": {
       invalidProgress: "El progreso de carga debe ser un número entre 0 y 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Registro anterior",
+      nextRecord: "Siguiente registro",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancelar paginación",
+      paginationLabel: "Paginación",
+      firstPage: 'Primeira página',
+      lastPage: 'Última página',
+      previousPage: "Página anterior",
+      nextPage: "Página siguiente",
+      remainingPageLabel: " de {{count}} o más",
+      remainingTotalLabel: " de {{total}}",
+      pageCounter: "Página {{currentPage}} de {{totalPages}}",
+      largeLoad: {
+        line1: "Cargando una gran cantidad de registros",
+        line2: "Recomendamos cancelar la paginación y aplicar filtros para mejorar el rendimiento.",
+        line3: "¿Qué desea hacer con la paginación?",
+        loadAll: "Cargar todo",
+        continue: "Continuar",
+        cancel: "Cancelar",
+      },
+    },
     "ez-grid": {
       filterAppliedSuccess: "¡Filtro de columna aplicado con éxito!",
-      cancelPagination: "Cancelar paginación",
       pageLabel: "Página {{currentPage}}",
       previousPage: "Página anterior",
       nextPage: "Página siguiente",
       returnToPreviousPage: "Volver a la página anterior.",
       goToNextPage: "Avanzar a la página siguiente.",
-      remainingPageLabel: " de {{count}} o más",
-      remainingTotalLabel: " de {{total}}",
       nextRecord: "Avanzar al siguiente registro.",
       previousRecord: "Volver al registro anterior.",
       searchColumn: "Buscar por columna.",
@@ -119,7 +151,7 @@ export default {
       last: "Último",
       first: "Primero",
       previous: "Anterior",
-      loadingOoo: "Cargando",
+      loadingOoo: "",
       selectAll: "Seleccionar todo",
       searchOoo: "Buscar",
       blanks: "Vacío",
@@ -245,12 +277,24 @@ export default {
     "ez-search": {
       emptyList: "No se encontraron resultados",
       emptySearch: "No se encontraron resultados de {{field}}",
+      showMore: "Mostrar más"
     },
     "ez-search-plus": {
       emptyList: "No se encontraron resultados",
       optionLoaderNotDefined: "optionLoader no definido",
       defaultCodeLabel: "Cód.",
     },
+    "ez-classic-search": {
+      emptyList: "No se encontraron resultados",
+      emptySearch: "No se encontraron resultados de {{field}}",
+      showMore: "Mostrar más"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "No se encontraron resultados",
+      optionLoaderNotDefined: "optionLoader no definido",
+      defaultCodeLabel: "Cód.",
+      clearValue: "Limpiar valor",
+    },
     "ez-sortable-list": {
       emptyMessage: "No hay elementos en la lista",
       entityLabel: "elemento",
@@ -267,6 +311,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Por favor, ingrese una hora válida.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Por favor, ingrese una hora válida.",
+    },
     "ez-sidebar": {
       unPinMenu: "Desanclar menú",
       pushPinMenu: "Anclar menú",
@@ -288,6 +335,10 @@ export default {
     },
     spinner: {
       loading: "Cargando...",
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Siguiente"
     }
   }
 };

package/dist/collection/utils/i18n/locales/pt-br.js

@@ -30,6 +30,15 @@ export default {
       uploadErrorTitle: "Enviando arquivo",
       uploadingMessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio.",
     },
+    "ez-image-input": {
+      defaultLabel: "Enviar Imagem",
+      imageAlt: "Imagem carregada",
+      removeImage: "Remover imagem",
+      editImage: "Editar imagem",
+      invalidFileType: "O arquivo selecionado não é uma imagem válida.",
+      fileTooLarge: "A imagem deve ter menos de {{maxSize}}.",
+      imagePreview: "Visualizar Imagem",
+    },
     "ez-calendar": {
       month: {
         0: "Janeiro",
@@ -73,6 +82,9 @@ export default {
     "ez-date-input": {
       invalidDate: "O valor digitado não é uma data válida"
     },
+    "ez-classic-date-input": {
+      invalidDate: "O valor digitado não é uma data válida"
+    },
     "ez-dialog": {
       confirmButton: "Botão de confirmação ou OK",
       closeButton: "Botão de fechar ou X"
@@ -90,16 +102,36 @@ export default {
     "ez-file-item": {
       invalidProgress: "O progresso de upload deve ser um número entre 0 e 100."
     },
+    "ez-record-navigation": {
+      previousRecord: "Registro anterior",
+      nextRecord: "Próximo registro",
+    },
+    "ez-grid-pagination": {
+      cancelPagination: "Cancelar paginação",
+      paginationLabel: "Paginação",
+      firstPage: 'Primeira página',
+      lastPage: 'Última página',
+      previousPage: "Página anterior",
+      nextPage: "Próxima página",
+      remainingPageLabel: " de {{count}} ou mais",
+      remainingTotalLabel: " de {{total}}",
+      pageCounter: "Página {{currentPage}} de {{totalPages}}",
+      largeLoad: {
+        line1: "Carregando uma grande quantidade de registros",
+        line2: "Recomendamos cancelar a paginação e aplicar filtros para melhorar o desempenho.",
+        line3: "O que deseja fazer com a paginação?",
+        loadAll: "Carregar tudo",
+        continue: "Continuar",
+        cancel: "Cancelar",
+      },
+    },
     "ez-grid": {
       filterAppliedSuccess: "Filtro de coluna aplicado com sucesso!",
-      cancelPagination: "Cancelar paginação",
       pageLabel: "Página {{currentPage}}",
       previousPage: "Página anterior",
       nextPage: "Próxima página",
       returnToPreviousPage: "Retorna à página anterior.",
       goToNextPage: "Avança para a próxima página.",
-      remainingPageLabel: " de {{count}} ou mais",
-      remainingTotalLabel: " de {{total}}",
       nextRecord: "Avança para o próximo registro.",
       previousRecord: "Retorna ao registro anterior.",
       searchColumn: "Busca por coluna.",
@@ -119,7 +151,7 @@ export default {
       last: "Último",
       first: "Primeiro",
       previous: "Anterior",
-      loadingOoo: "Carregar",
+      loadingOoo: "",
       selectAll: "Selecionar tudo",
       searchOoo: "Procurar",
       blanks: "Vazio",
@@ -245,12 +277,24 @@ export default {
     "ez-search": {
       emptyList: "Nenhum resultado encontrado",
       emptySearch: "Nenhum resultado de {{field}} encontrado",
+      showMore: "Mostrar mais"
     },
     "ez-search-plus": {
       emptyList: "Nenhum resultado encontrado",
       optionLoaderNotDefined: "optionLoader não definido",
       defaultCodeLabel: "Cód.",
     },
+    "ez-classic-search": {
+      emptyList: "Nenhum resultado encontrado",
+      emptySearch: "Nenhum resultado de {{field}} encontrado",
+      showMore: "Mostrar mais"
+    },
+    "ez-classic-search-plus": {
+      emptyList: "Nenhum resultado encontrado",
+      optionLoaderNotDefined: "optionLoader não definido",
+      defaultCodeLabel: "Cód.",
+      clearValue: "Limpar valor",
+    },
     "ez-sortable-list": {
       emptyMessage: "Nenhum item na lista",
       entityLabel: "item",
@@ -267,6 +311,9 @@ export default {
     "ez-time-input": {
       invalidTime: "Favor inserir um horário válido.",
     },
+    "ez-classic-time-input": {
+      invalidTime: "Favor inserir um horário válido.",
+    },
     "ez-sidebar": {
       unPinMenu: "Desafixar menu",
       pushPinMenu: "Fixar menu",
@@ -288,6 +335,10 @@ export default {
     },
     spinner: {
       loading: "Carregando..."
+    },
+    "ez-scroller": {
+      previousButton: "Anterior",
+      nextButton: "Próximo"
     }
   }
 };

package/dist/collection/utils/searchColumn/search-column.js

@@ -1,13 +1,15 @@
 import { h } from '@stencil/core';
 export const SHORTCUT_SEARCH_FIELD = "ctrl+f";
 export const SEARCH_FIELD_FULL_WIDTH = 240;
-const SEARCH_FIELD_MARGIN_BOTTOM = "0px";
-const SEARCH_FIELD_WIDTH = String(SEARCH_FIELD_FULL_WIDTH - 30) + "px";
 export const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return h("ez-search", { class: 'ez-padding--small ez-margin--none', style: {
-      "--ez-text-input__margin-bottom": SEARCH_FIELD_MARGIN_BOTTOM,
-      "--ez-search--width": SEARCH_FIELD_WIDTH
-    }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
+  return h("ez-search", { class: 'ez-padding--medium', style: {
+      "--ez-search--min-width": `${SEARCH_FIELD_FULL_WIDTH}px`
+    }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => {
+      window.dispatchEvent(new CustomEvent('ezCloseSplitButtonDropdown', { detail: { action, value: evt.detail } }));
+      requestAnimationFrame(() => {
+        onSelectField(evt.detail);
+      });
+    }, ignoreLimitCharsToSearch: true });
 };
 export const openFieldSearch = async (splitButton, field) => {
   if (!splitButton) {