@genesislcap/foundation-zero 14.92.5 → 14.93.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/custom-elements.json +188 -289
- package/dist/dts/filter/filter.d.ts +1 -16
- package/dist/dts/filter/filter.d.ts.map +1 -1
- package/dist/dts/filter/filter.stories.d.ts.map +1 -1
- package/dist/dts/filter/filter.template.d.ts.map +1 -1
- package/dist/esm/filter/filter.js +0 -22
- package/dist/esm/filter/filter.stories.js +7 -4
- package/dist/esm/filter/filter.template.js +3 -110
- package/package.json +7 -7
|
@@ -645,37 +645,6 @@
|
|
|
645
645
|
}
|
|
646
646
|
]
|
|
647
647
|
},
|
|
648
|
-
{
|
|
649
|
-
"kind": "javascript-module",
|
|
650
|
-
"path": "src/_config/index.ts",
|
|
651
|
-
"declarations": [],
|
|
652
|
-
"exports": [
|
|
653
|
-
{
|
|
654
|
-
"kind": "js",
|
|
655
|
-
"name": "*",
|
|
656
|
-
"declaration": {
|
|
657
|
-
"name": "*",
|
|
658
|
-
"package": "./styles"
|
|
659
|
-
}
|
|
660
|
-
},
|
|
661
|
-
{
|
|
662
|
-
"kind": "js",
|
|
663
|
-
"name": "*",
|
|
664
|
-
"declaration": {
|
|
665
|
-
"name": "*",
|
|
666
|
-
"package": "./tokens"
|
|
667
|
-
}
|
|
668
|
-
},
|
|
669
|
-
{
|
|
670
|
-
"kind": "js",
|
|
671
|
-
"name": "*",
|
|
672
|
-
"declaration": {
|
|
673
|
-
"name": "*",
|
|
674
|
-
"package": "./values"
|
|
675
|
-
}
|
|
676
|
-
}
|
|
677
|
-
]
|
|
678
|
-
},
|
|
679
648
|
{
|
|
680
649
|
"kind": "javascript-module",
|
|
681
650
|
"path": "src/_common/colors.hex.ts",
|
|
@@ -815,6 +784,37 @@
|
|
|
815
784
|
}
|
|
816
785
|
]
|
|
817
786
|
},
|
|
787
|
+
{
|
|
788
|
+
"kind": "javascript-module",
|
|
789
|
+
"path": "src/_config/index.ts",
|
|
790
|
+
"declarations": [],
|
|
791
|
+
"exports": [
|
|
792
|
+
{
|
|
793
|
+
"kind": "js",
|
|
794
|
+
"name": "*",
|
|
795
|
+
"declaration": {
|
|
796
|
+
"name": "*",
|
|
797
|
+
"package": "./styles"
|
|
798
|
+
}
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"kind": "js",
|
|
802
|
+
"name": "*",
|
|
803
|
+
"declaration": {
|
|
804
|
+
"name": "*",
|
|
805
|
+
"package": "./tokens"
|
|
806
|
+
}
|
|
807
|
+
},
|
|
808
|
+
{
|
|
809
|
+
"kind": "js",
|
|
810
|
+
"name": "*",
|
|
811
|
+
"declaration": {
|
|
812
|
+
"name": "*",
|
|
813
|
+
"package": "./values"
|
|
814
|
+
}
|
|
815
|
+
}
|
|
816
|
+
]
|
|
817
|
+
},
|
|
818
818
|
{
|
|
819
819
|
"kind": "javascript-module",
|
|
820
820
|
"path": "src/accordion/accordion.stories.ts",
|
|
@@ -1003,154 +1003,6 @@
|
|
|
1003
1003
|
}
|
|
1004
1004
|
]
|
|
1005
1005
|
},
|
|
1006
|
-
{
|
|
1007
|
-
"kind": "javascript-module",
|
|
1008
|
-
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
1009
|
-
"declarations": [
|
|
1010
|
-
{
|
|
1011
|
-
"kind": "function",
|
|
1012
|
-
"name": "zeroAccordionItemStyles",
|
|
1013
|
-
"return": {
|
|
1014
|
-
"type": {
|
|
1015
|
-
"text": "ElementStyles"
|
|
1016
|
-
}
|
|
1017
|
-
},
|
|
1018
|
-
"parameters": [
|
|
1019
|
-
{
|
|
1020
|
-
"name": "context",
|
|
1021
|
-
"type": {
|
|
1022
|
-
"text": "ElementDefinitionContext"
|
|
1023
|
-
}
|
|
1024
|
-
},
|
|
1025
|
-
{
|
|
1026
|
-
"name": "definition",
|
|
1027
|
-
"type": {
|
|
1028
|
-
"text": "FoundationElementDefinition"
|
|
1029
|
-
}
|
|
1030
|
-
}
|
|
1031
|
-
]
|
|
1032
|
-
}
|
|
1033
|
-
],
|
|
1034
|
-
"exports": [
|
|
1035
|
-
{
|
|
1036
|
-
"kind": "js",
|
|
1037
|
-
"name": "zeroAccordionItemStyles",
|
|
1038
|
-
"declaration": {
|
|
1039
|
-
"name": "zeroAccordionItemStyles",
|
|
1040
|
-
"module": "src/accordion-item/accordion-item.styles.ts"
|
|
1041
|
-
}
|
|
1042
|
-
}
|
|
1043
|
-
]
|
|
1044
|
-
},
|
|
1045
|
-
{
|
|
1046
|
-
"kind": "javascript-module",
|
|
1047
|
-
"path": "src/accordion-item/accordion-item.template.ts",
|
|
1048
|
-
"declarations": [
|
|
1049
|
-
{
|
|
1050
|
-
"kind": "function",
|
|
1051
|
-
"name": "zeroAccordionItemTemplate",
|
|
1052
|
-
"return": {
|
|
1053
|
-
"type": {
|
|
1054
|
-
"text": "ViewTemplate<AccordionItem>"
|
|
1055
|
-
}
|
|
1056
|
-
},
|
|
1057
|
-
"parameters": [
|
|
1058
|
-
{
|
|
1059
|
-
"name": "context",
|
|
1060
|
-
"type": {
|
|
1061
|
-
"text": "ElementDefinitionContext"
|
|
1062
|
-
}
|
|
1063
|
-
},
|
|
1064
|
-
{
|
|
1065
|
-
"name": "definition",
|
|
1066
|
-
"type": {
|
|
1067
|
-
"text": "FoundationElementDefinition"
|
|
1068
|
-
}
|
|
1069
|
-
}
|
|
1070
|
-
]
|
|
1071
|
-
}
|
|
1072
|
-
],
|
|
1073
|
-
"exports": [
|
|
1074
|
-
{
|
|
1075
|
-
"kind": "js",
|
|
1076
|
-
"name": "zeroAccordionItemTemplate",
|
|
1077
|
-
"declaration": {
|
|
1078
|
-
"name": "zeroAccordionItemTemplate",
|
|
1079
|
-
"module": "src/accordion-item/accordion-item.template.ts"
|
|
1080
|
-
}
|
|
1081
|
-
}
|
|
1082
|
-
]
|
|
1083
|
-
},
|
|
1084
|
-
{
|
|
1085
|
-
"kind": "javascript-module",
|
|
1086
|
-
"path": "src/accordion-item/accordion-item.ts",
|
|
1087
|
-
"declarations": [
|
|
1088
|
-
{
|
|
1089
|
-
"kind": "class",
|
|
1090
|
-
"description": "",
|
|
1091
|
-
"name": "AccordionItem",
|
|
1092
|
-
"superclass": {
|
|
1093
|
-
"name": "FoundationAccordionItem",
|
|
1094
|
-
"package": "@genesislcap/foundation-ui"
|
|
1095
|
-
},
|
|
1096
|
-
"tagName": "%%prefix%%-card",
|
|
1097
|
-
"customElement": true
|
|
1098
|
-
},
|
|
1099
|
-
{
|
|
1100
|
-
"kind": "variable",
|
|
1101
|
-
"name": "zeroAccordionItem"
|
|
1102
|
-
}
|
|
1103
|
-
],
|
|
1104
|
-
"exports": [
|
|
1105
|
-
{
|
|
1106
|
-
"kind": "js",
|
|
1107
|
-
"name": "AccordionItem",
|
|
1108
|
-
"declaration": {
|
|
1109
|
-
"name": "AccordionItem",
|
|
1110
|
-
"module": "src/accordion-item/accordion-item.ts"
|
|
1111
|
-
}
|
|
1112
|
-
},
|
|
1113
|
-
{
|
|
1114
|
-
"kind": "js",
|
|
1115
|
-
"name": "zeroAccordionItem",
|
|
1116
|
-
"declaration": {
|
|
1117
|
-
"name": "zeroAccordionItem",
|
|
1118
|
-
"module": "src/accordion-item/accordion-item.ts"
|
|
1119
|
-
}
|
|
1120
|
-
}
|
|
1121
|
-
]
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
"kind": "javascript-module",
|
|
1125
|
-
"path": "src/accordion-item/index.ts",
|
|
1126
|
-
"declarations": [],
|
|
1127
|
-
"exports": [
|
|
1128
|
-
{
|
|
1129
|
-
"kind": "js",
|
|
1130
|
-
"name": "*",
|
|
1131
|
-
"declaration": {
|
|
1132
|
-
"name": "*",
|
|
1133
|
-
"package": "./accordion-item"
|
|
1134
|
-
}
|
|
1135
|
-
},
|
|
1136
|
-
{
|
|
1137
|
-
"kind": "js",
|
|
1138
|
-
"name": "*",
|
|
1139
|
-
"declaration": {
|
|
1140
|
-
"name": "*",
|
|
1141
|
-
"package": "./accordion-item.styles"
|
|
1142
|
-
}
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"kind": "js",
|
|
1146
|
-
"name": "*",
|
|
1147
|
-
"declaration": {
|
|
1148
|
-
"name": "*",
|
|
1149
|
-
"package": "./accordion-item.template"
|
|
1150
|
-
}
|
|
1151
|
-
}
|
|
1152
|
-
]
|
|
1153
|
-
},
|
|
1154
1006
|
{
|
|
1155
1007
|
"kind": "javascript-module",
|
|
1156
1008
|
"path": "src/actions-menu/actions-menu.stories.ts",
|
|
@@ -1423,6 +1275,154 @@
|
|
|
1423
1275
|
}
|
|
1424
1276
|
]
|
|
1425
1277
|
},
|
|
1278
|
+
{
|
|
1279
|
+
"kind": "javascript-module",
|
|
1280
|
+
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
1281
|
+
"declarations": [
|
|
1282
|
+
{
|
|
1283
|
+
"kind": "function",
|
|
1284
|
+
"name": "zeroAccordionItemStyles",
|
|
1285
|
+
"return": {
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "ElementStyles"
|
|
1288
|
+
}
|
|
1289
|
+
},
|
|
1290
|
+
"parameters": [
|
|
1291
|
+
{
|
|
1292
|
+
"name": "context",
|
|
1293
|
+
"type": {
|
|
1294
|
+
"text": "ElementDefinitionContext"
|
|
1295
|
+
}
|
|
1296
|
+
},
|
|
1297
|
+
{
|
|
1298
|
+
"name": "definition",
|
|
1299
|
+
"type": {
|
|
1300
|
+
"text": "FoundationElementDefinition"
|
|
1301
|
+
}
|
|
1302
|
+
}
|
|
1303
|
+
]
|
|
1304
|
+
}
|
|
1305
|
+
],
|
|
1306
|
+
"exports": [
|
|
1307
|
+
{
|
|
1308
|
+
"kind": "js",
|
|
1309
|
+
"name": "zeroAccordionItemStyles",
|
|
1310
|
+
"declaration": {
|
|
1311
|
+
"name": "zeroAccordionItemStyles",
|
|
1312
|
+
"module": "src/accordion-item/accordion-item.styles.ts"
|
|
1313
|
+
}
|
|
1314
|
+
}
|
|
1315
|
+
]
|
|
1316
|
+
},
|
|
1317
|
+
{
|
|
1318
|
+
"kind": "javascript-module",
|
|
1319
|
+
"path": "src/accordion-item/accordion-item.template.ts",
|
|
1320
|
+
"declarations": [
|
|
1321
|
+
{
|
|
1322
|
+
"kind": "function",
|
|
1323
|
+
"name": "zeroAccordionItemTemplate",
|
|
1324
|
+
"return": {
|
|
1325
|
+
"type": {
|
|
1326
|
+
"text": "ViewTemplate<AccordionItem>"
|
|
1327
|
+
}
|
|
1328
|
+
},
|
|
1329
|
+
"parameters": [
|
|
1330
|
+
{
|
|
1331
|
+
"name": "context",
|
|
1332
|
+
"type": {
|
|
1333
|
+
"text": "ElementDefinitionContext"
|
|
1334
|
+
}
|
|
1335
|
+
},
|
|
1336
|
+
{
|
|
1337
|
+
"name": "definition",
|
|
1338
|
+
"type": {
|
|
1339
|
+
"text": "FoundationElementDefinition"
|
|
1340
|
+
}
|
|
1341
|
+
}
|
|
1342
|
+
]
|
|
1343
|
+
}
|
|
1344
|
+
],
|
|
1345
|
+
"exports": [
|
|
1346
|
+
{
|
|
1347
|
+
"kind": "js",
|
|
1348
|
+
"name": "zeroAccordionItemTemplate",
|
|
1349
|
+
"declaration": {
|
|
1350
|
+
"name": "zeroAccordionItemTemplate",
|
|
1351
|
+
"module": "src/accordion-item/accordion-item.template.ts"
|
|
1352
|
+
}
|
|
1353
|
+
}
|
|
1354
|
+
]
|
|
1355
|
+
},
|
|
1356
|
+
{
|
|
1357
|
+
"kind": "javascript-module",
|
|
1358
|
+
"path": "src/accordion-item/accordion-item.ts",
|
|
1359
|
+
"declarations": [
|
|
1360
|
+
{
|
|
1361
|
+
"kind": "class",
|
|
1362
|
+
"description": "",
|
|
1363
|
+
"name": "AccordionItem",
|
|
1364
|
+
"superclass": {
|
|
1365
|
+
"name": "FoundationAccordionItem",
|
|
1366
|
+
"package": "@genesislcap/foundation-ui"
|
|
1367
|
+
},
|
|
1368
|
+
"tagName": "%%prefix%%-card",
|
|
1369
|
+
"customElement": true
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"kind": "variable",
|
|
1373
|
+
"name": "zeroAccordionItem"
|
|
1374
|
+
}
|
|
1375
|
+
],
|
|
1376
|
+
"exports": [
|
|
1377
|
+
{
|
|
1378
|
+
"kind": "js",
|
|
1379
|
+
"name": "AccordionItem",
|
|
1380
|
+
"declaration": {
|
|
1381
|
+
"name": "AccordionItem",
|
|
1382
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1383
|
+
}
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"kind": "js",
|
|
1387
|
+
"name": "zeroAccordionItem",
|
|
1388
|
+
"declaration": {
|
|
1389
|
+
"name": "zeroAccordionItem",
|
|
1390
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1391
|
+
}
|
|
1392
|
+
}
|
|
1393
|
+
]
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"kind": "javascript-module",
|
|
1397
|
+
"path": "src/accordion-item/index.ts",
|
|
1398
|
+
"declarations": [],
|
|
1399
|
+
"exports": [
|
|
1400
|
+
{
|
|
1401
|
+
"kind": "js",
|
|
1402
|
+
"name": "*",
|
|
1403
|
+
"declaration": {
|
|
1404
|
+
"name": "*",
|
|
1405
|
+
"package": "./accordion-item"
|
|
1406
|
+
}
|
|
1407
|
+
},
|
|
1408
|
+
{
|
|
1409
|
+
"kind": "js",
|
|
1410
|
+
"name": "*",
|
|
1411
|
+
"declaration": {
|
|
1412
|
+
"name": "*",
|
|
1413
|
+
"package": "./accordion-item.styles"
|
|
1414
|
+
}
|
|
1415
|
+
},
|
|
1416
|
+
{
|
|
1417
|
+
"kind": "js",
|
|
1418
|
+
"name": "*",
|
|
1419
|
+
"declaration": {
|
|
1420
|
+
"name": "*",
|
|
1421
|
+
"package": "./accordion-item.template"
|
|
1422
|
+
}
|
|
1423
|
+
}
|
|
1424
|
+
]
|
|
1425
|
+
},
|
|
1426
1426
|
{
|
|
1427
1427
|
"kind": "javascript-module",
|
|
1428
1428
|
"path": "src/anchor/anchor.stories.ts",
|
|
@@ -6809,7 +6809,7 @@
|
|
|
6809
6809
|
"type": {
|
|
6810
6810
|
"text": "StoryObj"
|
|
6811
6811
|
},
|
|
6812
|
-
"default": "{\n render: () => html`\n <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n
|
|
6812
|
+
"default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n </div>\n `,\n}"
|
|
6813
6813
|
}
|
|
6814
6814
|
],
|
|
6815
6815
|
"exports": [
|
|
@@ -6841,7 +6841,7 @@
|
|
|
6841
6841
|
"type": {
|
|
6842
6842
|
"text": "ViewTemplate<Filter>"
|
|
6843
6843
|
},
|
|
6844
|
-
"default": "html`\n
|
|
6844
|
+
"default": "html`\n ${getPrefixedFilterTemplate('zero')}\n`"
|
|
6845
6845
|
}
|
|
6846
6846
|
],
|
|
6847
6847
|
"exports": [
|
|
@@ -6863,80 +6863,13 @@
|
|
|
6863
6863
|
"kind": "class",
|
|
6864
6864
|
"description": "",
|
|
6865
6865
|
"name": "Filter",
|
|
6866
|
+
"superclass": {
|
|
6867
|
+
"name": "FoundationFilter",
|
|
6868
|
+
"package": "@genesislcap/foundation-ui"
|
|
6869
|
+
},
|
|
6870
|
+
"tagName": "%%prefix%%-filter",
|
|
6871
|
+
"customElement": true,
|
|
6866
6872
|
"members": [
|
|
6867
|
-
{
|
|
6868
|
-
"kind": "field",
|
|
6869
|
-
"name": "textFilterField",
|
|
6870
|
-
"type": {
|
|
6871
|
-
"text": "TextField"
|
|
6872
|
-
},
|
|
6873
|
-
"privacy": "public"
|
|
6874
|
-
},
|
|
6875
|
-
{
|
|
6876
|
-
"kind": "field",
|
|
6877
|
-
"name": "numFilterFieldMin",
|
|
6878
|
-
"type": {
|
|
6879
|
-
"text": "TextField"
|
|
6880
|
-
},
|
|
6881
|
-
"privacy": "public"
|
|
6882
|
-
},
|
|
6883
|
-
{
|
|
6884
|
-
"kind": "field",
|
|
6885
|
-
"name": "numFilterFieldMax",
|
|
6886
|
-
"type": {
|
|
6887
|
-
"text": "TextField"
|
|
6888
|
-
},
|
|
6889
|
-
"privacy": "public"
|
|
6890
|
-
},
|
|
6891
|
-
{
|
|
6892
|
-
"kind": "field",
|
|
6893
|
-
"name": "dateFilterFieldMin",
|
|
6894
|
-
"type": {
|
|
6895
|
-
"text": "TextField"
|
|
6896
|
-
},
|
|
6897
|
-
"privacy": "public"
|
|
6898
|
-
},
|
|
6899
|
-
{
|
|
6900
|
-
"kind": "field",
|
|
6901
|
-
"name": "dateFilterFieldMax",
|
|
6902
|
-
"type": {
|
|
6903
|
-
"text": "TextField"
|
|
6904
|
-
},
|
|
6905
|
-
"privacy": "public"
|
|
6906
|
-
},
|
|
6907
|
-
{
|
|
6908
|
-
"kind": "field",
|
|
6909
|
-
"name": "fieldName",
|
|
6910
|
-
"type": {
|
|
6911
|
-
"text": "string"
|
|
6912
|
-
}
|
|
6913
|
-
},
|
|
6914
|
-
{
|
|
6915
|
-
"kind": "field",
|
|
6916
|
-
"name": "label",
|
|
6917
|
-
"type": {
|
|
6918
|
-
"text": "string"
|
|
6919
|
-
}
|
|
6920
|
-
},
|
|
6921
|
-
{
|
|
6922
|
-
"kind": "field",
|
|
6923
|
-
"name": "type"
|
|
6924
|
-
},
|
|
6925
|
-
{
|
|
6926
|
-
"kind": "field",
|
|
6927
|
-
"name": "target",
|
|
6928
|
-
"type": {
|
|
6929
|
-
"text": "string"
|
|
6930
|
-
},
|
|
6931
|
-
"description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page."
|
|
6932
|
-
},
|
|
6933
|
-
{
|
|
6934
|
-
"kind": "field",
|
|
6935
|
-
"name": "enumFilterOptions",
|
|
6936
|
-
"type": {
|
|
6937
|
-
"text": "any[]"
|
|
6938
|
-
}
|
|
6939
|
-
},
|
|
6940
6873
|
{
|
|
6941
6874
|
"kind": "field",
|
|
6942
6875
|
"name": "_presentation",
|
|
@@ -7048,41 +6981,7 @@
|
|
|
7048
6981
|
"module": "src/foundation-element/foundation-element.ts"
|
|
7049
6982
|
}
|
|
7050
6983
|
}
|
|
7051
|
-
]
|
|
7052
|
-
"attributes": [
|
|
7053
|
-
{
|
|
7054
|
-
"name": "fieldName",
|
|
7055
|
-
"type": {
|
|
7056
|
-
"text": "string"
|
|
7057
|
-
},
|
|
7058
|
-
"fieldName": "fieldName"
|
|
7059
|
-
},
|
|
7060
|
-
{
|
|
7061
|
-
"name": "label",
|
|
7062
|
-
"type": {
|
|
7063
|
-
"text": "string"
|
|
7064
|
-
},
|
|
7065
|
-
"fieldName": "label"
|
|
7066
|
-
},
|
|
7067
|
-
{
|
|
7068
|
-
"name": "type",
|
|
7069
|
-
"fieldName": "type"
|
|
7070
|
-
},
|
|
7071
|
-
{
|
|
7072
|
-
"name": "target",
|
|
7073
|
-
"type": {
|
|
7074
|
-
"text": "string"
|
|
7075
|
-
},
|
|
7076
|
-
"description": "Will be included in event emmissions.\nUsually set to the id of the target datasource.\nUsefull when we have multiple grids in the same page.",
|
|
7077
|
-
"fieldName": "target"
|
|
7078
|
-
}
|
|
7079
|
-
],
|
|
7080
|
-
"superclass": {
|
|
7081
|
-
"name": "FoundationFilter",
|
|
7082
|
-
"package": "@genesislcap/foundation-ui"
|
|
7083
|
-
},
|
|
7084
|
-
"tagName": "%%prefix%%-filter",
|
|
7085
|
-
"customElement": true
|
|
6984
|
+
]
|
|
7086
6985
|
},
|
|
7087
6986
|
{
|
|
7088
6987
|
"kind": "variable",
|
|
@@ -1,23 +1,8 @@
|
|
|
1
|
-
import { Filter as FoundationFilter
|
|
1
|
+
import { Filter as FoundationFilter } from '@genesislcap/foundation-ui';
|
|
2
2
|
/**
|
|
3
3
|
* @tagname %%prefix%%-filter
|
|
4
4
|
*/
|
|
5
5
|
export declare class Filter extends FoundationFilter {
|
|
6
|
-
textFilterField: TextField;
|
|
7
|
-
numFilterFieldMin: TextField;
|
|
8
|
-
numFilterFieldMax: TextField;
|
|
9
|
-
dateFilterFieldMin: TextField;
|
|
10
|
-
dateFilterFieldMax: TextField;
|
|
11
|
-
fieldName: string;
|
|
12
|
-
label: string;
|
|
13
|
-
type: "number" | "boolean" | "text" | "date" | "enum";
|
|
14
|
-
/**
|
|
15
|
-
* Will be included in event emmissions.
|
|
16
|
-
* Usually set to the id of the target datasource.
|
|
17
|
-
* Usefull when we have multiple grids in the same page.
|
|
18
|
-
*/
|
|
19
|
-
target: string;
|
|
20
|
-
enumFilterOptions: any[];
|
|
21
6
|
}
|
|
22
7
|
export declare const zeroFilter: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
23
8
|
baseName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,
|
|
1
|
+
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,EAE3B,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,eAAO,MAAM,UAAU;;;;;;;;iBAIrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.template.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"filter.template.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAEnD,CAAC"}
|
|
@@ -1,32 +1,10 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
1
|
import { Filter as FoundationFilter, foundationFilterStyles as styles, } from '@genesislcap/foundation-ui';
|
|
3
|
-
import { attr, observable } from '@microsoft/fast-element';
|
|
4
2
|
import { zeroFilterTemplate as template } from './filter.template';
|
|
5
3
|
/**
|
|
6
4
|
* @tagname %%prefix%%-filter
|
|
7
5
|
*/
|
|
8
6
|
export class Filter extends FoundationFilter {
|
|
9
|
-
constructor() {
|
|
10
|
-
super(...arguments);
|
|
11
|
-
this.type = super.type;
|
|
12
|
-
this.enumFilterOptions = super.enumFilterOptions;
|
|
13
|
-
}
|
|
14
7
|
}
|
|
15
|
-
__decorate([
|
|
16
|
-
attr
|
|
17
|
-
], Filter.prototype, "fieldName", void 0);
|
|
18
|
-
__decorate([
|
|
19
|
-
attr
|
|
20
|
-
], Filter.prototype, "label", void 0);
|
|
21
|
-
__decorate([
|
|
22
|
-
attr
|
|
23
|
-
], Filter.prototype, "type", void 0);
|
|
24
|
-
__decorate([
|
|
25
|
-
attr
|
|
26
|
-
], Filter.prototype, "target", void 0);
|
|
27
|
-
__decorate([
|
|
28
|
-
observable
|
|
29
|
-
], Filter.prototype, "enumFilterOptions", void 0);
|
|
30
8
|
export const zeroFilter = Filter.compose({
|
|
31
9
|
baseName: 'filter',
|
|
32
10
|
template,
|
|
@@ -4,11 +4,14 @@ const meta = {
|
|
|
4
4
|
component: 'zero-filter',
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
+
const wrapperStyle = 'display: flex;min-height:300px;';
|
|
7
8
|
export const Primary = {
|
|
8
9
|
render: () => html `
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
<div style="${wrapperStyle}">
|
|
11
|
+
<zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
|
|
12
|
+
<zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
|
|
13
|
+
<zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
|
|
14
|
+
<zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
|
|
15
|
+
</div>
|
|
13
16
|
`,
|
|
14
17
|
};
|
|
@@ -1,112 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { html, ref, repeat } from '@microsoft/fast-element';
|
|
4
|
-
const closeIconTemplate = html `
|
|
5
|
-
<div class="close-icon" @click=${(x) => x['clear']()}>${closeIcon()}</div>
|
|
6
|
-
`;
|
|
7
|
-
const textFilterTemplate = html `
|
|
8
|
-
<div class="flex-row">
|
|
9
|
-
<div>${(x) => x.label}</div>
|
|
10
|
-
${closeIconTemplate}
|
|
11
|
-
</div>
|
|
12
|
-
<div class="flex-row">
|
|
13
|
-
<zero-text-field ${ref('textFilterField')} type="text" :value=${sync((x) => x.textFilter)} />
|
|
14
|
-
</div>
|
|
15
|
-
`;
|
|
16
|
-
const numberFilterTemplate = html `
|
|
17
|
-
<div class="flex-row">
|
|
18
|
-
<div>${(x) => x.label}</div>
|
|
19
|
-
${closeIconTemplate}
|
|
20
|
-
</div>
|
|
21
|
-
<div class="flex-row">
|
|
22
|
-
<zero-text-field
|
|
23
|
-
${ref('numFilterFieldMin')}
|
|
24
|
-
type="number"
|
|
25
|
-
:value=${sync((x) => x.numFilterMin)}
|
|
26
|
-
placeholder="min"
|
|
27
|
-
></zero-text-field>
|
|
28
|
-
<zero-text-field
|
|
29
|
-
${ref('numFilterFieldMax')}
|
|
30
|
-
type="number"
|
|
31
|
-
:value=${sync((x) => x.numFilterMax)}
|
|
32
|
-
placeholder="max"
|
|
33
|
-
></zero-text-field>
|
|
34
|
-
</div>
|
|
35
|
-
`;
|
|
36
|
-
const dateFilterTemplate = html `
|
|
37
|
-
<div class="flex-row">
|
|
38
|
-
<div>${(x) => x.label}</div>
|
|
39
|
-
${closeIconTemplate}
|
|
40
|
-
</div>
|
|
41
|
-
<div class="flex-row">
|
|
42
|
-
<zero-text-field
|
|
43
|
-
${ref('dateFilterFieldMin')}
|
|
44
|
-
type="date"
|
|
45
|
-
:value=${sync((x) => x.dateFilterMin)}
|
|
46
|
-
placeholder="min"
|
|
47
|
-
></zero-text-field>
|
|
48
|
-
<zero-text-field
|
|
49
|
-
${ref('dateFilterFieldMax')}
|
|
50
|
-
type="date"
|
|
51
|
-
:value=${sync((x) => x.dateFilterMax)}
|
|
52
|
-
placeholder="max"
|
|
53
|
-
></zero-text-field>
|
|
54
|
-
</div>
|
|
55
|
-
`;
|
|
56
|
-
function targetValue(ctx) {
|
|
57
|
-
var _a, _b, _c;
|
|
58
|
-
return (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'all';
|
|
59
|
-
}
|
|
60
|
-
const booleanFilterOptions = [
|
|
61
|
-
{ name: 'All', value: 'all', selected: true },
|
|
62
|
-
{ name: 'True', value: 'true' },
|
|
63
|
-
{ name: 'False', value: 'false' },
|
|
64
|
-
{ name: 'N/A', value: 'null' },
|
|
65
|
-
];
|
|
66
|
-
const booleanFilterTemplate = html `
|
|
67
|
-
<div class="flex-row">
|
|
68
|
-
<div>${(x) => x.label}</div>
|
|
69
|
-
${closeIconTemplate}
|
|
70
|
-
</div>
|
|
71
|
-
<div class="flex-row">
|
|
72
|
-
<zero-select @change="${(x, c) => x['onBooleanFilterSelection'](targetValue(c))}}">
|
|
73
|
-
${repeat(() => booleanFilterOptions, html `
|
|
74
|
-
<zero-option value="${(x) => x.value}" selected="${(x) => x.selected}">
|
|
75
|
-
${(x) => x.name}
|
|
76
|
-
</zero-option>
|
|
77
|
-
`)}
|
|
78
|
-
</zero-select>
|
|
79
|
-
</div>
|
|
80
|
-
`;
|
|
81
|
-
const enumFilterTemplate = html `
|
|
82
|
-
<div class="flex-row">
|
|
83
|
-
<div>${(x) => x.label}</div>
|
|
84
|
-
${closeIconTemplate}
|
|
85
|
-
</div>
|
|
86
|
-
<div class="flex-row">
|
|
87
|
-
<zero-select @change="${(x, c) => x['onEnumFilterSelection'](targetValue(c))}}">
|
|
88
|
-
${repeat((x) => x.enumFilterOptions, html `
|
|
89
|
-
<zero-option value="${(x) => x.value}" selected="${(x) => x.selected}">
|
|
90
|
-
${(x) => x.name}
|
|
91
|
-
</zero-option>
|
|
92
|
-
`)}
|
|
93
|
-
</zero-select>
|
|
94
|
-
</div>
|
|
95
|
-
`;
|
|
96
|
-
const selectTemplate = (x) => {
|
|
97
|
-
switch (x.type) {
|
|
98
|
-
case 'number':
|
|
99
|
-
return numberFilterTemplate;
|
|
100
|
-
case 'date':
|
|
101
|
-
return dateFilterTemplate;
|
|
102
|
-
case 'boolean':
|
|
103
|
-
return booleanFilterTemplate;
|
|
104
|
-
case 'enum':
|
|
105
|
-
return enumFilterTemplate;
|
|
106
|
-
default:
|
|
107
|
-
return textFilterTemplate;
|
|
108
|
-
}
|
|
109
|
-
};
|
|
1
|
+
import { getPrefixedFilterTemplate } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { html } from '@microsoft/fast-element';
|
|
110
3
|
export const zeroFilterTemplate = html `
|
|
111
|
-
|
|
4
|
+
${getPrefixedFilterTemplate('zero')}
|
|
112
5
|
`;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.93.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"storybook": "storybook dev -p 6006"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
|
-
"@genesislcap/genx": "14.
|
|
68
|
+
"@genesislcap/genx": "14.93.0",
|
|
69
69
|
"@storybook/addon-essentials": "^7.1.0",
|
|
70
70
|
"@storybook/addon-links": "^7.1.0",
|
|
71
71
|
"@storybook/addons": "^7.1.0",
|
|
@@ -78,10 +78,10 @@
|
|
|
78
78
|
"storybook": "^7.1.0"
|
|
79
79
|
},
|
|
80
80
|
"dependencies": {
|
|
81
|
-
"@genesislcap/foundation-comms": "14.
|
|
82
|
-
"@genesislcap/foundation-logger": "14.
|
|
83
|
-
"@genesislcap/foundation-ui": "14.
|
|
84
|
-
"@genesislcap/foundation-utils": "14.
|
|
81
|
+
"@genesislcap/foundation-comms": "14.93.0",
|
|
82
|
+
"@genesislcap/foundation-logger": "14.93.0",
|
|
83
|
+
"@genesislcap/foundation-ui": "14.93.0",
|
|
84
|
+
"@genesislcap/foundation-utils": "14.93.0",
|
|
85
85
|
"@microsoft/fast-colors": "^5.1.4",
|
|
86
86
|
"@microsoft/fast-components": "^2.21.3",
|
|
87
87
|
"@microsoft/fast-element": "^1.7.0",
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
"access": "public"
|
|
99
99
|
},
|
|
100
100
|
"customElements": "dist/custom-elements.json",
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "2e777404028ad7c11b239b17ae32946c873b7a4d"
|
|
102
102
|
}
|