@sankhyalabs/sankhyablocks 5.6.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{SnkMessageBuilder-e64dce7f.js → SnkMessageBuilder-056d1c24.js} +9 -1
- package/dist/cjs/{filter-item-type.enum-3daf58d3.js → filter-item-type.enum-aa823a00.js} +1 -0
- package/dist/cjs/filter-type.enum-b14ce507.js +11 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/presentationMode-52ec3bdd.js +7 -0
- package/dist/cjs/sankhyablocks.cjs.js +1 -1
- package/dist/cjs/snk-application.cjs.entry.js +1 -1
- package/dist/cjs/snk-data-exporter.cjs.entry.js +2 -2
- package/dist/cjs/{snk-data-unit-85d6565e.js → snk-data-unit-289081c4.js} +1 -1
- package/dist/cjs/snk-data-unit.cjs.entry.js +2 -2
- package/dist/cjs/snk-detail-view.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-bar.cjs.entry.js +52 -140
- package/dist/cjs/snk-filter-binary-select.cjs.entry.js +8 -1
- package/dist/cjs/snk-filter-detail.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-item.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-modal-item.cjs.entry.js +66 -0
- package/dist/cjs/snk-filter-modal.cjs.entry.js +72 -49
- package/dist/cjs/snk-filter-multi-select.cjs.entry.js +3 -1
- package/dist/cjs/snk-filter-number.cjs.entry.js +3 -1
- package/dist/cjs/snk-filter-period.cjs.entry.js +11 -2
- package/dist/cjs/snk-filter-personalized.cjs.entry.js +3 -1
- package/dist/cjs/snk-filter-search.cjs.entry.js +3 -1
- package/dist/cjs/snk-filter-text.cjs.entry.js +2 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/enum/presentationMode.js +5 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js +47 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.js +19 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js +19 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-period.js +50 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js +19 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js +19 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-text.js +19 -0
- package/dist/collection/components/snk-filter-bar/filter-item/filter-item-type.enum.js +1 -0
- package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.css +31 -2
- package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js +116 -156
- package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.css +4 -0
- package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.js +115 -0
- package/dist/collection/components/snk-filter-bar/snk-filter-bar.js +19 -142
- package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js +7 -0
- package/dist/collection/components/snk-filter-bar/utils/SnkFilterModalFactory.js +36 -0
- package/dist/collection/components/snk-filter-bar/utils/filters-mock.js +315 -0
- package/dist/collection/lib/message/resources/snk-filter-bar.msg.js +9 -1
- package/dist/components/SnkMessageBuilder.js +9 -1
- package/dist/components/filter-item-type.enum.js +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/presentationMode.js +7 -0
- package/dist/components/snk-crud.js +22 -34
- package/dist/components/snk-detail-view2.js +24 -46
- package/dist/components/snk-filter-bar2.js +57 -157
- package/dist/components/snk-filter-binary-select.js +9 -1
- package/dist/components/snk-filter-list.js +171 -1
- package/dist/components/snk-filter-modal-item.d.ts +11 -0
- package/dist/components/snk-filter-modal-item.js +6 -0
- package/dist/components/snk-filter-modal-item2.js +85 -0
- package/dist/components/snk-filter-modal.js +118 -1
- package/dist/components/snk-filter-multi-select.js +3 -1
- package/dist/components/snk-filter-number.js +3 -1
- package/dist/components/snk-filter-period.js +12 -2
- package/dist/components/snk-filter-personalized.js +3 -1
- package/dist/components/snk-filter-search.js +3 -1
- package/dist/components/snk-filter-text.js +3 -1
- package/dist/components/snk-grid2.js +10 -22
- package/dist/esm/{SnkMessageBuilder-f3590f65.js → SnkMessageBuilder-23272e07.js} +9 -1
- package/dist/esm/{filter-item-type.enum-a79b2fa8.js → filter-item-type.enum-5028ed3f.js} +1 -0
- package/dist/esm/filter-type.enum-a80c1b6b.js +9 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/presentationMode-783bbf9d.js +7 -0
- package/dist/esm/sankhyablocks.js +1 -1
- package/dist/esm/snk-application.entry.js +1 -1
- package/dist/esm/snk-data-exporter.entry.js +2 -2
- package/dist/esm/{snk-data-unit-50b1660c.js → snk-data-unit-34dc5371.js} +1 -1
- package/dist/esm/snk-data-unit.entry.js +2 -2
- package/dist/esm/snk-detail-view.entry.js +1 -1
- package/dist/esm/snk-filter-bar.entry.js +53 -141
- package/dist/esm/snk-filter-binary-select.entry.js +9 -2
- package/dist/esm/snk-filter-detail.entry.js +1 -1
- package/dist/esm/snk-filter-item.entry.js +1 -1
- package/dist/esm/snk-filter-modal-item.entry.js +62 -0
- package/dist/esm/snk-filter-modal.entry.js +73 -50
- package/dist/esm/snk-filter-multi-select.entry.js +4 -2
- package/dist/esm/snk-filter-number.entry.js +4 -2
- package/dist/esm/snk-filter-period.entry.js +12 -3
- package/dist/esm/snk-filter-personalized.entry.js +4 -2
- package/dist/esm/snk-filter-search.entry.js +4 -2
- package/dist/esm/snk-filter-text.entry.js +3 -1
- package/dist/sankhyablocks/{p-f344b811.entry.js → p-0110b7da.entry.js} +1 -1
- package/dist/sankhyablocks/p-1a68fb59.js +1 -0
- package/dist/sankhyablocks/{p-3d3263b4.js → p-3db1d3de.js} +1 -1
- package/dist/sankhyablocks/p-45ee8b22.entry.js +1 -0
- package/dist/sankhyablocks/p-4ce96831.entry.js +1 -0
- package/dist/sankhyablocks/{p-9dd2b8cb.js → p-584d7212.js} +1 -1
- package/dist/sankhyablocks/{p-c4417efb.entry.js → p-64b03506.entry.js} +1 -1
- package/dist/sankhyablocks/p-7695c404.entry.js +1 -0
- package/dist/sankhyablocks/p-786ae316.entry.js +1 -0
- package/dist/sankhyablocks/p-82bc97da.entry.js +1 -0
- package/dist/sankhyablocks/p-8efb0f47.entry.js +1 -0
- package/dist/sankhyablocks/p-9af04fc7.entry.js +1 -0
- package/dist/sankhyablocks/{p-3a2ce158.entry.js → p-a1c58536.entry.js} +1 -1
- package/dist/sankhyablocks/{p-afba9bbe.entry.js → p-bdbb2672.entry.js} +1 -1
- package/dist/sankhyablocks/{p-3fbe2d69.entry.js → p-c1ab16d0.entry.js} +2 -2
- package/dist/sankhyablocks/p-d9804798.js +1 -0
- package/dist/sankhyablocks/p-e2bb9c9a.entry.js +1 -0
- package/dist/sankhyablocks/p-ed3d6ab4.entry.js +1 -0
- package/dist/sankhyablocks/p-ee1381f4.entry.js +1 -0
- package/dist/sankhyablocks/p-f5f36fbb.js +1 -0
- package/dist/sankhyablocks/p-ffac37d5.entry.js +1 -0
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/dist/types/components/snk-filter-bar/filter-item/editors/enum/presentationMode.d.ts +4 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.d.ts +5 -0
- package/dist/types/components/snk-filter-bar/filter-item/filter-item-type.enum.d.ts +2 -1
- package/dist/types/components/snk-filter-bar/filter-item/snk-filter-item.d.ts +3 -0
- package/dist/types/components/snk-filter-bar/filter-modal/snk-filter-modal.d.ts +37 -0
- package/dist/types/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.d.ts +17 -0
- package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts +2 -11
- package/dist/types/components/snk-filter-bar/types/filter-type.enum.d.ts +6 -0
- package/dist/types/components/snk-filter-bar/utils/SnkFilterModalFactory.d.ts +20 -0
- package/dist/types/components/snk-filter-bar/utils/filters-mock.d.ts +186 -0
- package/dist/types/components.d.ts +113 -54
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +1 -0
- package/react/components.js.map +1 -1
- package/dist/components/snk-filter-list2.js +0 -173
- package/dist/components/snk-filter-modal2.js +0 -97
- package/dist/sankhyablocks/p-1dcfd32a.entry.js +0 -1
- package/dist/sankhyablocks/p-5e62a17b.entry.js +0 -1
- package/dist/sankhyablocks/p-5fc55684.entry.js +0 -1
- package/dist/sankhyablocks/p-73e830cf.entry.js +0 -1
- package/dist/sankhyablocks/p-86d29b6f.entry.js +0 -1
- package/dist/sankhyablocks/p-ad51bf1c.entry.js +0 -1
- package/dist/sankhyablocks/p-c336170d.entry.js +0 -1
- package/dist/sankhyablocks/p-c9477950.js +0 -1
- package/dist/sankhyablocks/p-d5c9c1f8.entry.js +0 -1
- package/dist/sankhyablocks/p-ee82c157.entry.js +0 -1
- package/dist/sankhyablocks/p-fac37198.entry.js +0 -1
@@ -30,11 +30,10 @@ import { IExportResult } from "./components/snk-data-exporter/data/export-result
|
|
30
30
|
import { IExportConfig } from "./components/snk-data-exporter/data/export-config";
|
31
31
|
import { IExpressionItem } from "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/interfaces/IExpressionItem";
|
32
32
|
import { SnkFilterItemConfig } from "./components/snk-filter-bar/filter-item/snk-filter-item";
|
33
|
+
import { EPresentationMode } from "./components/snk-filter-bar/filter-item/editors/enum/presentationMode";
|
33
34
|
import { FilterFieldsDataSource, IFilterField, IFilterLink } from "./components/snk-filter-field-search/interfaces";
|
34
35
|
import { SnkFilterItemConfig as SnkFilterItemConfig1 } from "./components/snk-filter-bar/filter-item/snk-filter-item";
|
35
36
|
import { ListItem } from "./components/snk-filter-bar/filter-list/snk-filter-list";
|
36
|
-
import { ModalItem } from "./components/snk-filter-bar/filter-modal/snk-filter-modal";
|
37
|
-
import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
|
38
37
|
import { IFormViewField } from "@sankhyalabs/ezui/dist/types/components/ez-form-view/interfaces/IFormViewField";
|
39
38
|
import { FormMetadata } from "@sankhyalabs/ezui/dist/collection/utils/form";
|
40
39
|
import { PresentationMode as PresentationMode1 } from "./lib/@types";
|
@@ -475,6 +474,10 @@ export namespace Components {
|
|
475
474
|
* Define as configurações do componente snk-filter-binary-select
|
476
475
|
*/
|
477
476
|
"config": SnkFilterItemConfig;
|
477
|
+
/**
|
478
|
+
* Define a variação do componente
|
479
|
+
*/
|
480
|
+
"presentationMode": EPresentationMode;
|
478
481
|
/**
|
479
482
|
* Exibe o componente snk-filter-binary-select
|
480
483
|
*/
|
@@ -572,41 +575,28 @@ export namespace Components {
|
|
572
575
|
}
|
573
576
|
interface SnkFilterModal {
|
574
577
|
/**
|
575
|
-
*
|
578
|
+
* Ação executada ao aplicar os filtros
|
576
579
|
*/
|
577
|
-
"
|
580
|
+
"applyFilters": (updatedFilterConfig: Array<SnkFilterItemConfig>) => void;
|
578
581
|
/**
|
579
|
-
*
|
580
|
-
*/
|
581
|
-
"getMessage": (key: string, props?: any) => string;
|
582
|
-
/**
|
583
|
-
* Define a descrição do filtro.
|
584
|
-
*/
|
585
|
-
"infoText": string;
|
586
|
-
/**
|
587
|
-
* Guarda a lista de filtros.
|
582
|
+
* Ação executada ao limpar os filtros
|
588
583
|
*/
|
589
|
-
"
|
584
|
+
"clearAll": (configSnapshot: SnkFilterItemConfig[]) => Array<SnkFilterItemConfig>;
|
590
585
|
/**
|
591
|
-
*
|
586
|
+
* Ação disparada ao fechar o modal
|
592
587
|
*/
|
593
|
-
"
|
588
|
+
"closeModal": () => void;
|
594
589
|
/**
|
595
|
-
*
|
590
|
+
* Filtros a serem apresentados
|
596
591
|
*/
|
597
|
-
"
|
592
|
+
"filters": Array<SnkFilterItemConfig>;
|
598
593
|
/**
|
599
|
-
*
|
600
|
-
*/
|
601
|
-
"okButtonLabel": string;
|
602
|
-
/**
|
603
|
-
* É disparado em qualquer interação com o filtro.
|
604
|
-
*/
|
605
|
-
"processModalAction": (action: ModalAction) => void;
|
606
|
-
/**
|
607
|
-
* Se `true`, exibe a barra de pesquisa do filtro.
|
594
|
+
* Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
|
608
595
|
*/
|
609
|
-
"
|
596
|
+
"getMessage": (key: string, props?: any) => string;
|
597
|
+
}
|
598
|
+
interface SnkFilterModalItem {
|
599
|
+
"filterItem": SnkFilterItemConfig;
|
610
600
|
}
|
611
601
|
interface SnkFilterMultiSelect {
|
612
602
|
/**
|
@@ -649,6 +639,10 @@ export namespace Components {
|
|
649
639
|
* Define as configurações do componente snk-filter-period
|
650
640
|
*/
|
651
641
|
"config": SnkFilterItemConfig;
|
642
|
+
/**
|
643
|
+
* Define a variação do componente
|
644
|
+
*/
|
645
|
+
"presentationMode": EPresentationMode;
|
652
646
|
/**
|
653
647
|
* Exibe o componente snk-filter-period
|
654
648
|
*/
|
@@ -1074,6 +1068,10 @@ export interface SnkFieldConfigCustomEvent<T> extends CustomEvent<T> {
|
|
1074
1068
|
detail: T;
|
1075
1069
|
target: HTMLSnkFieldConfigElement;
|
1076
1070
|
}
|
1071
|
+
export interface SnkFilterBinarySelectCustomEvent<T> extends CustomEvent<T> {
|
1072
|
+
detail: T;
|
1073
|
+
target: HTMLSnkFilterBinarySelectElement;
|
1074
|
+
}
|
1077
1075
|
export interface SnkFilterDetailCustomEvent<T> extends CustomEvent<T> {
|
1078
1076
|
detail: T;
|
1079
1077
|
target: HTMLSnkFilterDetailElement;
|
@@ -1090,6 +1088,34 @@ export interface SnkFilterListCustomEvent<T> extends CustomEvent<T> {
|
|
1090
1088
|
detail: T;
|
1091
1089
|
target: HTMLSnkFilterListElement;
|
1092
1090
|
}
|
1091
|
+
export interface SnkFilterModalItemCustomEvent<T> extends CustomEvent<T> {
|
1092
|
+
detail: T;
|
1093
|
+
target: HTMLSnkFilterModalItemElement;
|
1094
|
+
}
|
1095
|
+
export interface SnkFilterMultiSelectCustomEvent<T> extends CustomEvent<T> {
|
1096
|
+
detail: T;
|
1097
|
+
target: HTMLSnkFilterMultiSelectElement;
|
1098
|
+
}
|
1099
|
+
export interface SnkFilterNumberCustomEvent<T> extends CustomEvent<T> {
|
1100
|
+
detail: T;
|
1101
|
+
target: HTMLSnkFilterNumberElement;
|
1102
|
+
}
|
1103
|
+
export interface SnkFilterPeriodCustomEvent<T> extends CustomEvent<T> {
|
1104
|
+
detail: T;
|
1105
|
+
target: HTMLSnkFilterPeriodElement;
|
1106
|
+
}
|
1107
|
+
export interface SnkFilterPersonalizedCustomEvent<T> extends CustomEvent<T> {
|
1108
|
+
detail: T;
|
1109
|
+
target: HTMLSnkFilterPersonalizedElement;
|
1110
|
+
}
|
1111
|
+
export interface SnkFilterSearchCustomEvent<T> extends CustomEvent<T> {
|
1112
|
+
detail: T;
|
1113
|
+
target: HTMLSnkFilterSearchElement;
|
1114
|
+
}
|
1115
|
+
export interface SnkFilterTextCustomEvent<T> extends CustomEvent<T> {
|
1116
|
+
detail: T;
|
1117
|
+
target: HTMLSnkFilterTextElement;
|
1118
|
+
}
|
1093
1119
|
export interface SnkFormCustomEvent<T> extends CustomEvent<T> {
|
1094
1120
|
detail: T;
|
1095
1121
|
target: HTMLSnkFormElement;
|
@@ -1243,6 +1269,12 @@ declare global {
|
|
1243
1269
|
prototype: HTMLSnkFilterModalElement;
|
1244
1270
|
new (): HTMLSnkFilterModalElement;
|
1245
1271
|
};
|
1272
|
+
interface HTMLSnkFilterModalItemElement extends Components.SnkFilterModalItem, HTMLStencilElement {
|
1273
|
+
}
|
1274
|
+
var HTMLSnkFilterModalItemElement: {
|
1275
|
+
prototype: HTMLSnkFilterModalItemElement;
|
1276
|
+
new (): HTMLSnkFilterModalItemElement;
|
1277
|
+
};
|
1246
1278
|
interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
|
1247
1279
|
}
|
1248
1280
|
var HTMLSnkFilterMultiSelectElement: {
|
@@ -1394,6 +1426,7 @@ declare global {
|
|
1394
1426
|
"snk-filter-item": HTMLSnkFilterItemElement;
|
1395
1427
|
"snk-filter-list": HTMLSnkFilterListElement;
|
1396
1428
|
"snk-filter-modal": HTMLSnkFilterModalElement;
|
1429
|
+
"snk-filter-modal-item": HTMLSnkFilterModalItemElement;
|
1397
1430
|
"snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
|
1398
1431
|
"snk-filter-number": HTMLSnkFilterNumberElement;
|
1399
1432
|
"snk-filter-param-config": HTMLSnkFilterParamConfigElement;
|
@@ -1720,6 +1753,14 @@ declare namespace LocalJSX {
|
|
1720
1753
|
* Define as configurações do componente snk-filter-binary-select
|
1721
1754
|
*/
|
1722
1755
|
"config"?: SnkFilterItemConfig;
|
1756
|
+
/**
|
1757
|
+
* Emitido quando o valor do filtro é alterado.
|
1758
|
+
*/
|
1759
|
+
"onValueChanged"?: (event: SnkFilterBinarySelectCustomEvent<any>) => void;
|
1760
|
+
/**
|
1761
|
+
* Define a variação do componente
|
1762
|
+
*/
|
1763
|
+
"presentationMode"?: EPresentationMode;
|
1723
1764
|
/**
|
1724
1765
|
* Define o valor do componente snk-filter-binary-select
|
1725
1766
|
*/
|
@@ -1808,47 +1849,39 @@ declare namespace LocalJSX {
|
|
1808
1849
|
}
|
1809
1850
|
interface SnkFilterModal {
|
1810
1851
|
/**
|
1811
|
-
*
|
1812
|
-
*/
|
1813
|
-
"cancelButtonLabel"?: string;
|
1814
|
-
/**
|
1815
|
-
* Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
|
1816
|
-
*/
|
1817
|
-
"getMessage"?: (key: string, props?: any) => string;
|
1818
|
-
/**
|
1819
|
-
* Define a descrição do filtro.
|
1820
|
-
*/
|
1821
|
-
"infoText"?: string;
|
1822
|
-
/**
|
1823
|
-
* Guarda a lista de filtros.
|
1824
|
-
*/
|
1825
|
-
"items"?: Array<ModalItem>;
|
1826
|
-
/**
|
1827
|
-
* Define o subtítulo do filtro.
|
1852
|
+
* Ação executada ao aplicar os filtros
|
1828
1853
|
*/
|
1829
|
-
"
|
1854
|
+
"applyFilters"?: (updatedFilterConfig: Array<SnkFilterItemConfig>) => void;
|
1830
1855
|
/**
|
1831
|
-
*
|
1856
|
+
* Ação executada ao limpar os filtros
|
1832
1857
|
*/
|
1833
|
-
"
|
1858
|
+
"clearAll"?: (configSnapshot: SnkFilterItemConfig[]) => Array<SnkFilterItemConfig>;
|
1834
1859
|
/**
|
1835
|
-
*
|
1860
|
+
* Ação disparada ao fechar o modal
|
1836
1861
|
*/
|
1837
|
-
"
|
1862
|
+
"closeModal"?: () => void;
|
1838
1863
|
/**
|
1839
|
-
*
|
1864
|
+
* Filtros a serem apresentados
|
1840
1865
|
*/
|
1841
|
-
"
|
1866
|
+
"filters"?: Array<SnkFilterItemConfig>;
|
1842
1867
|
/**
|
1843
|
-
*
|
1868
|
+
* Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
|
1844
1869
|
*/
|
1845
|
-
"
|
1870
|
+
"getMessage"?: (key: string, props?: any) => string;
|
1871
|
+
}
|
1872
|
+
interface SnkFilterModalItem {
|
1873
|
+
"filterItem"?: SnkFilterItemConfig;
|
1874
|
+
"onFilterChange"?: (event: SnkFilterModalItemCustomEvent<SnkFilterItemConfig>) => void;
|
1846
1875
|
}
|
1847
1876
|
interface SnkFilterMultiSelect {
|
1848
1877
|
/**
|
1849
1878
|
* Define as configurações do componente snk-filter-multi-select
|
1850
1879
|
*/
|
1851
1880
|
"config"?: SnkFilterItemConfig;
|
1881
|
+
/**
|
1882
|
+
* Emitido quando o valor do filtro é alterado.
|
1883
|
+
*/
|
1884
|
+
"onValueChanged"?: (event: SnkFilterMultiSelectCustomEvent<any>) => void;
|
1852
1885
|
/**
|
1853
1886
|
* Define o valor do componente snk-filter-multi-select
|
1854
1887
|
*/
|
@@ -1859,6 +1892,10 @@ declare namespace LocalJSX {
|
|
1859
1892
|
* Define as configurações do componente snk-filter-number
|
1860
1893
|
*/
|
1861
1894
|
"config"?: SnkFilterItemConfig;
|
1895
|
+
/**
|
1896
|
+
* Emitido quando o valor do filtro é alterado.
|
1897
|
+
*/
|
1898
|
+
"onValueChanged"?: (event: SnkFilterNumberCustomEvent<any>) => void;
|
1862
1899
|
/**
|
1863
1900
|
* Define o valor do componente snk-filter-number
|
1864
1901
|
*/
|
@@ -1875,6 +1912,14 @@ declare namespace LocalJSX {
|
|
1875
1912
|
* Define as configurações do componente snk-filter-period
|
1876
1913
|
*/
|
1877
1914
|
"config"?: SnkFilterItemConfig;
|
1915
|
+
/**
|
1916
|
+
* Emitido quando o valor do filtro é alterado.
|
1917
|
+
*/
|
1918
|
+
"onValueChanged"?: (event: SnkFilterPeriodCustomEvent<any>) => void;
|
1919
|
+
/**
|
1920
|
+
* Define a variação do componente
|
1921
|
+
*/
|
1922
|
+
"presentationMode"?: EPresentationMode;
|
1878
1923
|
/**
|
1879
1924
|
* Define o valor do componente snk-filter-period
|
1880
1925
|
*/
|
@@ -1886,6 +1931,10 @@ declare namespace LocalJSX {
|
|
1886
1931
|
*/
|
1887
1932
|
"config"?: SnkFilterItemConfig;
|
1888
1933
|
"fix"?: ()=>void;
|
1934
|
+
/**
|
1935
|
+
* Emitido quando o valor do filtro é alterado.
|
1936
|
+
*/
|
1937
|
+
"onValueChanged"?: (event: SnkFilterPersonalizedCustomEvent<any>) => void;
|
1889
1938
|
"unfix"?: ()=>void;
|
1890
1939
|
/**
|
1891
1940
|
* Define o valor do componente snk-filter-personalized
|
@@ -1897,6 +1946,10 @@ declare namespace LocalJSX {
|
|
1897
1946
|
* Define as configurações do componente snk-filter-search
|
1898
1947
|
*/
|
1899
1948
|
"config"?: SnkFilterItemConfig;
|
1949
|
+
/**
|
1950
|
+
* Emitido quando o valor do filtro é alterado.
|
1951
|
+
*/
|
1952
|
+
"onValueChanged"?: (event: SnkFilterSearchCustomEvent<any>) => void;
|
1900
1953
|
/**
|
1901
1954
|
* Define o valor do componente snk-filter-search
|
1902
1955
|
*/
|
@@ -1907,6 +1960,10 @@ declare namespace LocalJSX {
|
|
1907
1960
|
* Define as configurações do componente snk-filter-text.
|
1908
1961
|
*/
|
1909
1962
|
"config"?: SnkFilterItemConfig;
|
1963
|
+
/**
|
1964
|
+
* Emitido quando o valor do filtro é alterado.
|
1965
|
+
*/
|
1966
|
+
"onValueChanged"?: (event: SnkFilterTextCustomEvent<any>) => void;
|
1910
1967
|
/**
|
1911
1968
|
* Define o valor do componente snk-filter-text.
|
1912
1969
|
*/
|
@@ -2329,6 +2386,7 @@ declare namespace LocalJSX {
|
|
2329
2386
|
"snk-filter-item": SnkFilterItem;
|
2330
2387
|
"snk-filter-list": SnkFilterList;
|
2331
2388
|
"snk-filter-modal": SnkFilterModal;
|
2389
|
+
"snk-filter-modal-item": SnkFilterModalItem;
|
2332
2390
|
"snk-filter-multi-select": SnkFilterMultiSelect;
|
2333
2391
|
"snk-filter-number": SnkFilterNumber;
|
2334
2392
|
"snk-filter-param-config": SnkFilterParamConfig;
|
@@ -2375,6 +2433,7 @@ declare module "@stencil/core" {
|
|
2375
2433
|
"snk-filter-item": LocalJSX.SnkFilterItem & JSXBase.HTMLAttributes<HTMLSnkFilterItemElement>;
|
2376
2434
|
"snk-filter-list": LocalJSX.SnkFilterList & JSXBase.HTMLAttributes<HTMLSnkFilterListElement>;
|
2377
2435
|
"snk-filter-modal": LocalJSX.SnkFilterModal & JSXBase.HTMLAttributes<HTMLSnkFilterModalElement>;
|
2436
|
+
"snk-filter-modal-item": LocalJSX.SnkFilterModalItem & JSXBase.HTMLAttributes<HTMLSnkFilterModalItemElement>;
|
2378
2437
|
"snk-filter-multi-select": LocalJSX.SnkFilterMultiSelect & JSXBase.HTMLAttributes<HTMLSnkFilterMultiSelectElement>;
|
2379
2438
|
"snk-filter-number": LocalJSX.SnkFilterNumber & JSXBase.HTMLAttributes<HTMLSnkFilterNumberElement>;
|
2380
2439
|
"snk-filter-param-config": LocalJSX.SnkFilterParamConfig & JSXBase.HTMLAttributes<HTMLSnkFilterParamConfigElement>;
|
package/package.json
CHANGED
package/react/components.d.ts
CHANGED
@@ -18,6 +18,7 @@ export declare const SnkFilterFieldSearch: import("react").ForwardRefExoticCompo
|
|
18
18
|
export declare const SnkFilterItem: import("react").ForwardRefExoticComponent<JSX.SnkFilterItem & Omit<import("react").HTMLAttributes<HTMLSnkFilterItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterItemElement>>;
|
19
19
|
export declare const SnkFilterList: import("react").ForwardRefExoticComponent<JSX.SnkFilterList & Omit<import("react").HTMLAttributes<HTMLSnkFilterListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterListElement>>;
|
20
20
|
export declare const SnkFilterModal: import("react").ForwardRefExoticComponent<JSX.SnkFilterModal & Omit<import("react").HTMLAttributes<HTMLSnkFilterModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterModalElement>>;
|
21
|
+
export declare const SnkFilterModalItem: import("react").ForwardRefExoticComponent<JSX.SnkFilterModalItem & Omit<import("react").HTMLAttributes<HTMLSnkFilterModalItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterModalItemElement>>;
|
21
22
|
export declare const SnkFilterMultiSelect: import("react").ForwardRefExoticComponent<JSX.SnkFilterMultiSelect & Omit<import("react").HTMLAttributes<HTMLSnkFilterMultiSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterMultiSelectElement>>;
|
22
23
|
export declare const SnkFilterNumber: import("react").ForwardRefExoticComponent<JSX.SnkFilterNumber & Omit<import("react").HTMLAttributes<HTMLSnkFilterNumberElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterNumberElement>>;
|
23
24
|
export declare const SnkFilterParamConfig: import("react").ForwardRefExoticComponent<JSX.SnkFilterParamConfig & Omit<import("react").HTMLAttributes<HTMLSnkFilterParamConfigElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterParamConfigElement>>;
|
package/react/components.js
CHANGED
@@ -20,6 +20,7 @@ export const SnkFilterFieldSearch = /*@__PURE__*/ createReactComponent('snk-filt
|
|
20
20
|
export const SnkFilterItem = /*@__PURE__*/ createReactComponent('snk-filter-item');
|
21
21
|
export const SnkFilterList = /*@__PURE__*/ createReactComponent('snk-filter-list');
|
22
22
|
export const SnkFilterModal = /*@__PURE__*/ createReactComponent('snk-filter-modal');
|
23
|
+
export const SnkFilterModalItem = /*@__PURE__*/ createReactComponent('snk-filter-modal-item');
|
23
24
|
export const SnkFilterMultiSelect = /*@__PURE__*/ createReactComponent('snk-filter-multi-select');
|
24
25
|
export const SnkFilterNumber = /*@__PURE__*/ createReactComponent('snk-filter-number');
|
25
26
|
export const SnkFilterParamConfig = /*@__PURE__*/ createReactComponent('snk-filter-param-config');
|
package/react/components.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
|
@@ -1,173 +0,0 @@
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
|
-
import { FloatingManager, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
|
3
|
-
|
4
|
-
const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
|
5
|
-
const MAX_FILTERS = 5;
|
6
|
-
const SnkFilterList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
7
|
-
constructor() {
|
8
|
-
super();
|
9
|
-
this.__registerHost();
|
10
|
-
this.snkItemSelected = createEvent(this, "snkItemSelected", 7);
|
11
|
-
this._preselection = -1;
|
12
|
-
this.innerClickCheck = (_floatingContainer, node) => {
|
13
|
-
if (node.id != FloatingManager.MODAL_ELEMENT_ID) {
|
14
|
-
return true;
|
15
|
-
}
|
16
|
-
this._detailIsVisible = false;
|
17
|
-
return false;
|
18
|
-
};
|
19
|
-
this._filterArgument = undefined;
|
20
|
-
this._showAll = undefined;
|
21
|
-
this.label = undefined;
|
22
|
-
this.iconName = undefined;
|
23
|
-
this.items = undefined;
|
24
|
-
this.getMessage = undefined;
|
25
|
-
this.emptyText = undefined;
|
26
|
-
this.findFilterText = undefined;
|
27
|
-
this.buttonClass = undefined;
|
28
|
-
}
|
29
|
-
showDetail() {
|
30
|
-
this._preselection = -1;
|
31
|
-
this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, {
|
32
|
-
autoClose: true,
|
33
|
-
innerClickTest: this.innerClickCheck,
|
34
|
-
backClickListener: () => this.onListCloseCallback(),
|
35
|
-
useOverlay: true
|
36
|
-
});
|
37
|
-
this._detailIsVisible = true;
|
38
|
-
this._showAll = false;
|
39
|
-
this._filterArgument = "";
|
40
|
-
this._filterInput.setFocus();
|
41
|
-
}
|
42
|
-
/**
|
43
|
-
* Oculta os detalhes do componente snk-filter-list.
|
44
|
-
*/
|
45
|
-
async hideDetail() {
|
46
|
-
if (this._floatingID != undefined) {
|
47
|
-
FloatingManager.close(this._floatingID);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
onListCloseCallback() {
|
51
|
-
this._floatingID = undefined;
|
52
|
-
this._detailIsVisible = false;
|
53
|
-
}
|
54
|
-
buttonClick() {
|
55
|
-
if (this._detailIsVisible) {
|
56
|
-
this.hideDetail();
|
57
|
-
}
|
58
|
-
else {
|
59
|
-
this.showDetail();
|
60
|
-
}
|
61
|
-
}
|
62
|
-
componentDidLoad() {
|
63
|
-
if (this._element) {
|
64
|
-
ElementIDUtils.addIDInfo(this._element);
|
65
|
-
}
|
66
|
-
}
|
67
|
-
componentDidRender() {
|
68
|
-
if (this._floatingID == undefined) {
|
69
|
-
if (this._popover) {
|
70
|
-
this._popover.remove();
|
71
|
-
}
|
72
|
-
}
|
73
|
-
}
|
74
|
-
buildIdElement(buttonElement, name) {
|
75
|
-
if (!buttonElement)
|
76
|
-
return;
|
77
|
-
const dataElement = { id: name };
|
78
|
-
buttonElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
|
79
|
-
ElementIDUtils.addIDInfoIfNotExists(buttonElement, "filterItemList", dataElement);
|
80
|
-
}
|
81
|
-
buildItemElement(item) {
|
82
|
-
const itemId = ++this._selectableItemsCount;
|
83
|
-
return (h("button", { ref: elem => elem && this.buildIdElement(elem, item.label), id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
|
84
|
-
}
|
85
|
-
itemSelected(itemName) {
|
86
|
-
if (itemName === SHOW_MORE_ITEM_NAME) {
|
87
|
-
this._showAll = true;
|
88
|
-
}
|
89
|
-
else {
|
90
|
-
this.hideDetail();
|
91
|
-
this.snkItemSelected.emit(itemName);
|
92
|
-
}
|
93
|
-
}
|
94
|
-
getFilterItems() {
|
95
|
-
const items = this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items.filter(item => item.kind === "FILTER")) : [];
|
96
|
-
if (items.length === 0) {
|
97
|
-
return h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-items-container--empty" }, this.emptyText);
|
98
|
-
}
|
99
|
-
const hideItems = !this._filterArgument && !this._showAll && (items.length > MAX_FILTERS + 1);
|
100
|
-
if (hideItems) {
|
101
|
-
items.splice(MAX_FILTERS);
|
102
|
-
items.push({ kind: "INTERNAL", label: "Mostrar mais", iconName: "dots-horizontal", name: SHOW_MORE_ITEM_NAME, iconClass: "snk-filter-bar__filter-list-item__icon--secondary", labelClass: "snk-filter-bar__filter-list-item__label--secondary" });
|
103
|
-
}
|
104
|
-
this._selectableItemsCount = 0;
|
105
|
-
return h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-list-items-container" }, items.map(item => this.buildItemElement(item)));
|
106
|
-
}
|
107
|
-
getFooterItems() {
|
108
|
-
return this.items.filter(item => item.kind === "FOOTER");
|
109
|
-
}
|
110
|
-
keyDownHandler(event) {
|
111
|
-
switch (event.key) {
|
112
|
-
case "ArrowDown":
|
113
|
-
this.changePreselection(this._preselection + 1);
|
114
|
-
//Paramos a propagação do evento para evitar scroll indesejado
|
115
|
-
event.stopImmediatePropagation();
|
116
|
-
event.stopPropagation();
|
117
|
-
event.preventDefault();
|
118
|
-
break;
|
119
|
-
case "ArrowUp":
|
120
|
-
this.changePreselection(this._preselection - 1);
|
121
|
-
//Paramos a propagação do evento para evitar scroll indesejado
|
122
|
-
event.stopImmediatePropagation();
|
123
|
-
event.stopPropagation();
|
124
|
-
event.preventDefault();
|
125
|
-
break;
|
126
|
-
}
|
127
|
-
}
|
128
|
-
changePreselection(newSelection) {
|
129
|
-
if (newSelection < 0) {
|
130
|
-
newSelection = this._selectableItemsCount;
|
131
|
-
}
|
132
|
-
this._preselection = newSelection > this._selectableItemsCount ? 0 : newSelection;
|
133
|
-
if (this._preselection === 0) {
|
134
|
-
this._filterInput.setFocus();
|
135
|
-
}
|
136
|
-
else {
|
137
|
-
const item = this._element.querySelector(`#filter-item${this._preselection}`);
|
138
|
-
if (item) {
|
139
|
-
item.focus();
|
140
|
-
}
|
141
|
-
}
|
142
|
-
}
|
143
|
-
render() {
|
144
|
-
return (h(Host, { class: "ez-flex ez-flex--column" }, h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, h("slot", { name: "leftIcon" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
|
145
|
-
}
|
146
|
-
get _element() { return this; }
|
147
|
-
}, [4, "snk-filter-list", {
|
148
|
-
"label": [1],
|
149
|
-
"iconName": [1, "icon-name"],
|
150
|
-
"items": [16],
|
151
|
-
"getMessage": [16],
|
152
|
-
"emptyText": [1, "empty-text"],
|
153
|
-
"findFilterText": [1, "find-filter-text"],
|
154
|
-
"buttonClass": [1, "button-class"],
|
155
|
-
"_filterArgument": [32],
|
156
|
-
"_showAll": [32],
|
157
|
-
"hideDetail": [64]
|
158
|
-
}, [[2, "keydown", "keyDownHandler"]]]);
|
159
|
-
function defineCustomElement() {
|
160
|
-
if (typeof customElements === "undefined") {
|
161
|
-
return;
|
162
|
-
}
|
163
|
-
const components = ["snk-filter-list"];
|
164
|
-
components.forEach(tagName => { switch (tagName) {
|
165
|
-
case "snk-filter-list":
|
166
|
-
if (!customElements.get(tagName)) {
|
167
|
-
customElements.define(tagName, SnkFilterList);
|
168
|
-
}
|
169
|
-
break;
|
170
|
-
} });
|
171
|
-
}
|
172
|
-
|
173
|
-
export { SnkFilterList as S, defineCustomElement as d };
|
@@ -1,97 +0,0 @@
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
2
|
-
import { ModalAction, ModalButtonStatus } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
|
3
|
-
import { ArrayUtils } from '@sankhyalabs/core';
|
4
|
-
import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
|
5
|
-
|
6
|
-
const snkFilterModalCss = ".snk-filter__modal-container{width:359px;max-width:359px}";
|
7
|
-
|
8
|
-
const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
9
|
-
constructor() {
|
10
|
-
super();
|
11
|
-
this.__registerHost();
|
12
|
-
this._filterArgument = undefined;
|
13
|
-
this.getMessage = undefined;
|
14
|
-
this.items = undefined;
|
15
|
-
this.modalTitle = undefined;
|
16
|
-
this.modalSubTitle = undefined;
|
17
|
-
this.cancelButtonLabel = undefined;
|
18
|
-
this.okButtonLabel = undefined;
|
19
|
-
this.infoText = undefined;
|
20
|
-
this.useSearch = undefined;
|
21
|
-
this.processModalAction = undefined;
|
22
|
-
}
|
23
|
-
updateValue(id, value = undefined) {
|
24
|
-
this.items = this.items.map(item => {
|
25
|
-
if (item.id === id && item.enabled) {
|
26
|
-
if (value == undefined) {
|
27
|
-
value = !item.active;
|
28
|
-
}
|
29
|
-
return Object.assign(Object.assign({}, item), { active: value });
|
30
|
-
}
|
31
|
-
return item;
|
32
|
-
});
|
33
|
-
}
|
34
|
-
getActiveFiltersMsg() {
|
35
|
-
const activeFilters = this.items.filter(item => item.active).length;
|
36
|
-
if (activeFilters === 0) {
|
37
|
-
return this.getMessage("snkFilterBar.noActiveFilters");
|
38
|
-
}
|
39
|
-
return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
|
40
|
-
}
|
41
|
-
buildItems(list) {
|
42
|
-
return list.map(item => {
|
43
|
-
return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: -1, class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
|
44
|
-
});
|
45
|
-
}
|
46
|
-
itemKeyBoardSelect(event, item) {
|
47
|
-
if (event.key === "Enter" || event.key === " ") {
|
48
|
-
this.updateValue(item.id);
|
49
|
-
}
|
50
|
-
}
|
51
|
-
modalActionListener(evt) {
|
52
|
-
const modalAction = evt.detail;
|
53
|
-
if (modalAction === ModalAction.LOAD) {
|
54
|
-
if (this._filterInput) {
|
55
|
-
this._filterInput.setFocus();
|
56
|
-
}
|
57
|
-
}
|
58
|
-
else {
|
59
|
-
this.processModalAction(modalAction);
|
60
|
-
}
|
61
|
-
}
|
62
|
-
render() {
|
63
|
-
const allowCancel = this.items.filter(item => item.active).length > 0;
|
64
|
-
const items = (this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items) : []);
|
65
|
-
return (h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.modalActionListener(evt), cancelButtonStatus: allowCancel ? ModalButtonStatus.ENABLED : ModalButtonStatus.DISABLED }, h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, h("div", null, this.useSearch ?
|
66
|
-
h("ez-filter-input", { ref: ref => this._filterInput = ref, label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail })
|
67
|
-
:
|
68
|
-
undefined), items.length > 0 ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, h("div", null, this.buildItems(items)), h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
|
69
|
-
}
|
70
|
-
static get style() { return snkFilterModalCss; }
|
71
|
-
}, [0, "snk-filter-modal", {
|
72
|
-
"getMessage": [16],
|
73
|
-
"items": [1040],
|
74
|
-
"modalTitle": [1, "modal-title"],
|
75
|
-
"modalSubTitle": [1, "modal-sub-title"],
|
76
|
-
"cancelButtonLabel": [1, "cancel-button-label"],
|
77
|
-
"okButtonLabel": [1, "ok-button-label"],
|
78
|
-
"infoText": [1, "info-text"],
|
79
|
-
"useSearch": [4, "use-search"],
|
80
|
-
"processModalAction": [16],
|
81
|
-
"_filterArgument": [32]
|
82
|
-
}]);
|
83
|
-
function defineCustomElement() {
|
84
|
-
if (typeof customElements === "undefined") {
|
85
|
-
return;
|
86
|
-
}
|
87
|
-
const components = ["snk-filter-modal"];
|
88
|
-
components.forEach(tagName => { switch (tagName) {
|
89
|
-
case "snk-filter-modal":
|
90
|
-
if (!customElements.get(tagName)) {
|
91
|
-
customElements.define(tagName, SnkFilterModal);
|
92
|
-
}
|
93
|
-
break;
|
94
|
-
} });
|
95
|
-
}
|
96
|
-
|
97
|
-
export { SnkFilterModal as S, defineCustomElement as d };
|
@@ -1 +0,0 @@
|
|
1
|
-
export{S as snk_data_unit}from"./p-3d3263b4.js";import"./p-b9667fbe.js";import"@sankhyalabs/core";import"@sankhyalabs/ezui/dist/collection/utils";import"./p-c9477950.js";
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as s,g as e}from"./p-b9667fbe.js";import{ElementIDUtils as i,ApplicationContext as r}from"@sankhyalabs/core";import{F as o}from"./p-9dd2b8cb.js";const h=class{constructor(s){t(this,s),this.config=void 0,this.value=void 0}ezChangeListener(t){this.value=this._searchInput.value}componentDidLoad(){this._element&&i.addIDInfo(this._element,"filterContentEditor")}doSearch(t,s){const e=r.getContextValue("__SNK__APPLICATION__");return new Promise(((i,r)=>{e.executePreparedSearch(t,s,this.config.props.searchContext).then((t=>{i(t)})).catch((t=>{r(t)}))}))}async show(){this._searchInput.setFocus()}render(){if(this.config&&this.config.type===o.SEARCH)return s("ez-search",{id:this.config.id,suppressEmptyOption:!0,value:this.config.value,label:this.config.label,ref:t=>this._searchInput=t,optionLoader:({mode:t,argument:s})=>this.doSearch(t,s)})}get _element(){return e(this)}};export{h as snk_filter_search}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as e,g as s}from"./p-b9667fbe.js";import{ElementIDUtils as i}from"@sankhyalabs/core";import{F as r}from"./p-9dd2b8cb.js";const n=class{constructor(e){t(this,e),this.config=void 0,this.value=void 0}ezChangeListener(){const t=this._startDate.value,e=this._endDate.value;this.value=t||e?{start:t,end:e}:void 0}componentDidLoad(){this._element&&i.addIDInfo(this._element,"filterContentEditor")}getDate(t){const e=this.value?this.value[t]:null;if(e instanceof Date)return e;if("string"==typeof e){let t=new Date(e);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}return null}async show(){this._startDate.setFocus()}render(){if(this.config&&this.config.type===r.PERIOD)return e("div",{class:"ez-col ez-col--nowrap"},e("ez-date-input",{id:`${this.config.id}_start`,label:this.config.label,ref:t=>this._startDate=t,value:this.getDate("start")}),e("label",{class:"ez-text ez-text--medium ez-text--primary ez-margin--medium"},"até"),e("ez-date-input",{id:`${this.config.id}_end`,label:this.config.label,ref:t=>this._endDate=t,value:this.getDate("end")}))}get _element(){return s(this)}};export{n as snk_filter_period}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as i}from"./p-b9667fbe.js";import{ModalAction as e,ModalButtonStatus as s}from"@sankhyalabs/ezui/dist/collection/components/ez-modal-container";import{ArrayUtils as l}from"@sankhyalabs/core";import{CheckMode as a}from"@sankhyalabs/ezui/dist/collection/utils";const r=class{constructor(i){t(this,i),this._filterArgument=void 0,this.getMessage=void 0,this.items=void 0,this.modalTitle=void 0,this.modalSubTitle=void 0,this.cancelButtonLabel=void 0,this.okButtonLabel=void 0,this.infoText=void 0,this.useSearch=void 0,this.processModalAction=void 0}updateValue(t,i){this.items=this.items.map((e=>e.id===t&&e.enabled?(null==i&&(i=!e.active),Object.assign(Object.assign({},e),{active:i})):e))}getActiveFiltersMsg(){const t=this.items.filter((t=>t.active)).length;return 0===t?this.getMessage("snkFilterBar.noActiveFilters"):this.getMessage(t>1?"snkFilterBar.activeFilters":"snkFilterBar.activeFilter",{ACTIVE_FILTERS:t})}buildItems(t){return t.map((t=>i("button",{onClick:()=>this.updateValue(t.id),class:"ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small"},i("ez-check",{id:`checkbox_${t.id}`,tabIndex:-1,class:"sc-snk-filter-bar snk-filter-bar__filter-modal-item__check",onEzChange:i=>this.updateValue(t.id,i.detail),enabled:t.enabled,value:t.active,mode:a.SWITCH}),i("div",{class:"ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label"},t.label))))}itemKeyBoardSelect(t,i){"Enter"!==t.key&&" "!==t.key||this.updateValue(i.id)}modalActionListener(t){const i=t.detail;i===e.LOAD?this._filterInput&&this._filterInput.setFocus():this.processModalAction(i)}render(){const t=this.items.filter((t=>t.active)).length>0,e=this.items?l.applyStringFilter(this._filterArgument,this.items):[];return i("ez-modal-container",{class:"snk-filter__modal-container",modalTitle:this.modalTitle,modalSubTitle:this.modalSubTitle,cancelButtonLabel:this.cancelButtonLabel,okButtonLabel:this.okButtonLabel,onEzModalAction:t=>this.modalActionListener(t),cancelButtonStatus:t?s.ENABLED:s.DISABLED},i("div",{class:"sc-snk-filter-bar snk-filter-bar__filter-modal-content"},i("div",null,this.useSearch?i("ez-filter-input",{ref:t=>this._filterInput=t,label:this.getMessage("snkFilterBar.modalFindFilter"),onEzChange:t=>this._filterArgument=t.detail}):void 0),e.length>0?i("div",{class:"ez-text ez-text--medium ez-text--primary ez-padding-bottom--small"},this.getActiveFiltersMsg()):void 0,i("div",null,this.buildItems(e)),i("div",{class:"ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large"},this.infoText)))}};r.style=".snk-filter__modal-container{width:359px;max-width:359px}";export{r as snk_filter_modal}
|
@@ -1 +0,0 @@
|
|
1
|
-
import{r as t,h as s,H as i,g as e}from"./p-b9667fbe.js";import{ElementIDUtils as h}from"@sankhyalabs/core";import{F as r}from"./p-9dd2b8cb.js";const o=class{constructor(s){t(this,s),this.value=void 0,this.config=void 0}isSelected(t){return null==this.value||this.value===t}ezChangeListener(t){t.detail||this.assertCheckedOption(t.target),this.updateValue()}componentDidLoad(){this._element&&h.addIDInfo(this._element,"filterContentEditor")}assertCheckedOption(t){t===this._checkOne?this._checkTwo.value=!0:this._checkOne.value=!0}updateValue(){if(this._checkOne.value&&this._checkTwo.value)this.value=void 0;else{const[t,s]=this.config.props.options;this.value=this._checkOne.value?t.name:s.name}}async show(){this._checkOne.setFocus()}render(){if(!this.config||this.config.type!==r.BINARY_SELECT)return;const[t,e]=this.config.props.options;return s(i,null,s("ez-check",{id:`${this.config.id}_${t.name||"option1"}`,label:t.label,class:"sc-snk-filter-bar editor__ez-check",ref:t=>this._checkOne=t,value:this.isSelected(t.name)}),s("ez-check",{id:`${this.config.id}_${e.name||"option2"}`,label:e.label,class:"sc-snk-filter-bar editor__ez-check",ref:t=>this._checkTwo=t,value:this.isSelected(e.name)}))}get _element(){return e(this)}};export{o as snk_filter_binary_select}
|