@senior-gestao-empresarial/angular-components 8.1.0 → 8.1.1

package/fesm2022/senior-gestao-empresarial-angular-components-lookups.mjs

@@ -8,6 +8,36 @@ import { MessageService } from 'primeng/api';
 import { TranslateService } from '@ngx-translate/core';
 import { HttpInterceptorModule } from '@seniorsistemas/platform-components';
 
+/** Formato de data esperado pela consulta */
+const QUERY_DATE_FORMAT = 'YYYY-MM-DD';
+/**
+ * Equivalente em moment de cada token do dialeto legado (PrimeNG) usado por
+ * `calendarLocaleOptions.dateFormat` — é o mesmo dialeto que
+ * `convertToMomentDateFormat` (`@seniorsistemas/angular-components/table`)
+ * converte para formatar colunas de data na grid a partir dessa propriedade.
+ */
+const LEGACY_CALENDAR_DATE_TOKENS = {
+    dd: 'DD',
+    d: 'D',
+    mm: 'MM',
+    m: 'M',
+    yy: 'YYYY',
+    y: 'YY',
+};
+/**
+ * Equivalente em moment de cada token do dialeto nativo do `s-datepicker`,
+ * usado pela propriedade `dateFormat` (a que o `CalendarFieldComponent`
+ * repassa direto ao `s-datepicker`). Aqui `yy` é ano com 2 dígitos — ao
+ * contrário do dialeto do PrimeNG, onde `yy` tem 4 dígitos.
+ */
+const DATEPICKER_DATE_TOKENS = {
+    yyyy: 'YYYY',
+    yy: 'YY',
+    MM: 'MM',
+    mm: 'MM',
+    dd: 'DD',
+    d: 'D',
+};
 /** Filter System Query Option - Operators supported in the expression language */
 var EnumLogicalOperator;
 (function (EnumLogicalOperator) {
@@ -174,6 +204,9 @@ class ErpLookups {
                     }
                     return `(${field.name} eq '${sanitizedValue}')`;
                 }
+                if (field.type === 'date') {
+                    return this.mountDateFilter(field, value);
+                }
                 return `(${field.name} eq '${value}')`;
             })
                 .filter((filter) => !!filter)
@@ -181,25 +214,39 @@ class ErpLookups {
         }
         else {
             filterQuery = lookupFields
-                .filter((field) => field.type === 'string')
                 .map((field) => {
-                return `(containing(lower(${field.name}), lower('${value.replace(/\\/g, '').replace(/'/g, "\\'")}')))`;
+                if (field.type === 'string') {
+                    return `(containing(lower(${field.name}), lower('${value.replace(/\\/g, '').replace(/'/g, "\\'")}')))`;
+                }
+                if (field.type === 'date') {
+                    return this.mountDateFilter(field, value);
+                }
+                return null;
             })
+                .filter((filter) => !!filter)
                 .join(' or ');
         }
         const defaultFilterQuery = this.mountDefaultFilter(defaultFilter);
+        /**
+         * Sem nenhum campo consultável para o texto digitado o filtro do texto
+         * é omitido: um grupo vazio (`()`) é rejeitado pelo backend com 500.
+         */
         if (defaultFilterQuery) {
-            filterQuery = `((${defaultFilterQuery}) and (${filterQuery}))`;
+            filterQuery = filterQuery
+                ? `((${defaultFilterQuery}) and (${filterQuery}))`
+                : `(${defaultFilterQuery})`;
         }
         else {
-            filterQuery = '(' + filterQuery + ')';
+            filterQuery = filterQuery ? '(' + filterQuery + ')' : '';
         }
         const dynamicFilterQuery = this.mountDynamicFilter(dynamicFilter);
         if (dynamicFilterQuery) {
-            filterQuery = `((${dynamicFilterQuery}) and (${filterQuery}))`;
+            filterQuery = filterQuery
+                ? `((${dynamicFilterQuery}) and (${filterQuery}))`
+                : `(${dynamicFilterQuery})`;
         }
         else {
-            filterQuery = '(' + filterQuery + ')';
+            filterQuery = filterQuery ? '(' + filterQuery + ')' : '';
         }
         return filterQuery;
     }
@@ -445,6 +492,82 @@ class ErpLookups {
         })
             .join(' - ');
     }
+    /**
+     * Filtro de um campo de data a partir do texto digitado no autocomplete.
+     *
+     * Campo de data não aceita `containing`, então o texto só vira filtro
+     * quando é uma data válida no formato do próprio campo: `view: 'month'`
+     * lê mês/ano e consulta o mês inteiro; nos demais casos lê a data
+     * completa e consulta o dia. Texto que não é data devolve `null` e o
+     * campo fica de fora do filtro.
+     */
+    mountDateFilter(field, value) {
+        const isMonthView = field.view === 'month';
+        const parsedValue = moment(value, this.dateFilterFormats(field, isMonthView), true);
+        if (!parsedValue.isValid()) {
+            return null;
+        }
+        if (isMonthView) {
+            const firstDay = parsedValue
+                .clone()
+                .startOf('month')
+                .format(QUERY_DATE_FORMAT);
+            const lastDay = parsedValue
+                .clone()
+                .endOf('month')
+                .format(QUERY_DATE_FORMAT);
+            return `(${field.name} ge '${firstDay}' and ${field.name} le '${lastDay}')`;
+        }
+        return `(${field.name} eq '${parsedValue.format(QUERY_DATE_FORMAT)}')`;
+    }
+    /**
+     * Formatos em que o texto digitado em um campo de data é interpretado.
+     *
+     * A ordem dos componentes e o separador vêm do locale do usuário — o
+     * `LocaleService` da plataforma aplica esse locale no moment, então
+     * `pt-BR` lê `dd/mm/aaaa` e `en-US` lê `mm/dd/aaaa`. Quando o campo
+     * define o próprio formato de exibição, ele tem prioridade: é o formato
+     * que o usuário vê no input — `dateFormat` no dialeto nativo do
+     * `s-datepicker`, ou `calendarLocaleOptions.dateFormat` (deprecated) no
+     * dialeto legado do PrimeNG. Cada formato também é aceito sem o zero à
+     * esquerda.
+     */
+    dateFilterFormats(field, isMonthView) {
+        const { dateFormat, calendarLocaleOptions } = field;
+        const fieldFormat = dateFormat
+            ? this.fromDatepickerDateFormat(dateFormat)
+            : this.fromLegacyCalendarDateFormat(calendarLocaleOptions?.dateFormat);
+        const localeFormat = moment.localeData().longDateFormat('L');
+        const format = fieldFormat ??
+            (isMonthView ? this.withoutDayToken(localeFormat) : localeFormat);
+        const shortFormat = format.replace(/D+/g, 'D').replace(/M+/g, 'M');
+        return format === shortFormat ? [format] : [format, shortFormat];
+    }
+    /**
+     * Converte o `dateFormat` nativo do `s-datepicker` (ex.: `dd/MM/yyyy`)
+     * para o equivalente em moment.
+     */
+    fromDatepickerDateFormat(format) {
+        return format.replace(/yyyy|yy|MM|mm|dd|d/g, (token) => DATEPICKER_DATE_TOKENS[token]);
+    }
+    /**
+     * Converte o `calendarLocaleOptions.dateFormat` legado (dialeto PrimeNG,
+     * ex.: `dd/mm/yy`) para o equivalente em moment.
+     */
+    fromLegacyCalendarDateFormat(format) {
+        if (!format) {
+            return undefined;
+        }
+        return format.replace(/dd|d|mm|m|yy|y/g, (token) => LEGACY_CALENDAR_DATE_TOKENS[token]);
+    }
+    /** Remove o componente de dia de um formato de data */
+    withoutDayToken(format) {
+        const separator = format.replace(/[A-Za-z]/g, '')[0] ?? '/';
+        return format
+            .split(/[^A-Za-z]/)
+            .filter((token) => !/^D+$/.test(token))
+            .join(separator);
+    }
     mountCustomFilter({ erpLookupsSearchField, filterData, }) {
         const { erpLookupsFormField, name } = erpLookupsSearchField;
         return `(${(erpLookupsFormField?.customFilters ?? [])
@@ -7464,18 +7587,13 @@ var EnumSituacaoCompetencia;
     EnumSituacaoCompetencia["FECHADA"] = "FECHADA";
 })(EnumSituacaoCompetencia || (EnumSituacaoCompetencia = {}));
 
+/**
+ * A competência é sempre consultada no escopo de uma empresa — via
+ * `entityDependency` de `e070empDere` — então código e nome fantasia da
+ * empresa ficam fora do lookup: seriam a mesma informação repetida em toda
+ * linha da grid e em todo item do autocomplete.
+ */
 const lookupFields$5 = [
-    {
-        name: 'e070empDere.e070emp.codEmp',
-        type: 'integer',
-    },
-    {
-        name: 'e070empDere.e070emp.sigEmp',
-        type: 'string',
-    },
-];
-const searchFields$4 = ({ translateService, }) => [
-    ...lookupFields$5,
     {
         name: 'competencia',
         type: 'date',
@@ -7486,6 +7604,9 @@ const searchFields$4 = ({ translateService, }) => [
         // de mês/ano é definido aqui e não em `dateFormat`.
         calendarLocaleOptions: { dateFormat: 'mm/yy' },
     },
+];
+const searchFields$4 = ({ translateService, }) => [
+    ...lookupFields$5,
     {
         name: 'situacao',
         type: 'enum',