@genesislcap/foundation-forms 14.17.0 → 14.19.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.
Files changed (38) hide show
  1. package/dist/custom-elements.json +117 -25
  2. package/dist/dts/jsonforms/renderers/BooleanControlRenderer.d.ts +1 -1
  3. package/dist/dts/jsonforms/renderers/BooleanControlRenderer.d.ts.map +1 -1
  4. package/dist/dts/jsonforms/renderers/ConnectedMultiselectControlRenderer.d.ts +1 -1
  5. package/dist/dts/jsonforms/renderers/ConnectedMultiselectControlRenderer.d.ts.map +1 -1
  6. package/dist/dts/jsonforms/renderers/ConnectedSelectControlRenderer.d.ts +1 -1
  7. package/dist/dts/jsonforms/renderers/ConnectedSelectControlRenderer.d.ts.map +1 -1
  8. package/dist/dts/jsonforms/renderers/DateControlRenderer.d.ts +1 -1
  9. package/dist/dts/jsonforms/renderers/DateControlRenderer.d.ts.map +1 -1
  10. package/dist/dts/jsonforms/renderers/EnumControlRenderer.d.ts +1 -1
  11. package/dist/dts/jsonforms/renderers/EnumControlRenderer.d.ts.map +1 -1
  12. package/dist/dts/jsonforms/renderers/FilterDateControlRenderer.d.ts +1 -1
  13. package/dist/dts/jsonforms/renderers/FilterDateControlRenderer.d.ts.map +1 -1
  14. package/dist/dts/jsonforms/renderers/FilterNumberControlRenderer.d.ts +1 -1
  15. package/dist/dts/jsonforms/renderers/FilterNumberControlRenderer.d.ts.map +1 -1
  16. package/dist/dts/jsonforms/renderers/NumberControlRenderer.d.ts +1 -1
  17. package/dist/dts/jsonforms/renderers/NumberControlRenderer.d.ts.map +1 -1
  18. package/dist/dts/jsonforms/renderers/StringControlRenderer.d.ts +1 -0
  19. package/dist/dts/jsonforms/renderers/StringControlRenderer.d.ts.map +1 -1
  20. package/dist/dts/jsonforms/renderers/dispatch-renderer.d.ts +1 -0
  21. package/dist/dts/jsonforms/renderers/dispatch-renderer.d.ts.map +1 -1
  22. package/dist/dts/types.d.ts +1 -0
  23. package/dist/dts/types.d.ts.map +1 -1
  24. package/dist/esm/jsonforms/renderers/BooleanControlRenderer.js +6 -4
  25. package/dist/esm/jsonforms/renderers/ConnectedMultiselectControlRenderer.js +6 -4
  26. package/dist/esm/jsonforms/renderers/ConnectedSelectControlRenderer.js +6 -4
  27. package/dist/esm/jsonforms/renderers/DateControlRenderer.js +6 -4
  28. package/dist/esm/jsonforms/renderers/EnumControlRenderer.js +7 -5
  29. package/dist/esm/jsonforms/renderers/FilterDateControlRenderer.js +8 -6
  30. package/dist/esm/jsonforms/renderers/FilterNumberControlRenderer.js +8 -6
  31. package/dist/esm/jsonforms/renderers/NumberControlRenderer.js +6 -4
  32. package/dist/esm/jsonforms/renderers/StringControlRenderer.js +6 -3
  33. package/dist/esm/jsonforms/renderers/dispatch-renderer.js +4 -0
  34. package/dist/foundation-forms.api.json +1 -1
  35. package/dist/foundation-forms.d.ts +2 -0
  36. package/docs/api/foundation-forms.uischema.md +1 -0
  37. package/docs/api-report.md +2 -1
  38. package/package.json +7 -7
@@ -1078,9 +1078,17 @@
1078
1078
  "path": "src/jsonforms/renderers/BooleanControlRenderer.ts",
1079
1079
  "declarations": [
1080
1080
  {
1081
- "kind": "variable",
1081
+ "kind": "function",
1082
1082
  "name": "BooleanControlRendererTemplate",
1083
- "default": "html<DispatchRenderer>`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-checkbox\n :checked=${(x) => x.control.data}\n ?disabled=${(x) => !x.control.enabled}\n :autofocus=${(x) => x.control.config.focus}\n :placeholder=${(x) => x.control.config.placeholder}\n @change=${(x, c) => {\n x.control.handleChange(x.control.path, (c.event.target as any).checked);\n x.onBlur();\n }}\n id=${(x) => x.control.path}\n data-test-id=${(x) => x.control.path}\n ></zero-checkbox>\n </control-wrapper>\n </template>\n`"
1083
+ "parameters": [
1084
+ {
1085
+ "name": "prefix",
1086
+ "default": "'zero'",
1087
+ "type": {
1088
+ "text": "string"
1089
+ }
1090
+ }
1091
+ ]
1084
1092
  },
1085
1093
  {
1086
1094
  "kind": "variable",
@@ -1088,7 +1096,7 @@
1088
1096
  "type": {
1089
1097
  "text": "RendererEntry"
1090
1098
  },
1091
- "default": "{\n renderer: BooleanControlRendererTemplate,\n tester: rankWith(BOOLEAN_CONTROL_RANK, isOneOfBoolean),\n mapper: mapStateToControlProps,\n}"
1099
+ "default": "{\n renderer: html<DispatchRenderer>`\n ${(x) => BooleanControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(BOOLEAN_CONTROL_RANK, isOneOfBoolean),\n mapper: mapStateToControlProps,\n}"
1092
1100
  }
1093
1101
  ],
1094
1102
  "exports": [
@@ -1115,9 +1123,17 @@
1115
1123
  "path": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts",
1116
1124
  "declarations": [
1117
1125
  {
1118
- "kind": "variable",
1126
+ "kind": "function",
1119
1127
  "name": "ConnectedMultiselectControlRendererTemplate",
1120
- "default": "html<DispatchRenderer>`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-multiselect\n style=\"width: 100%\"\n :selectedOptions=${(x) => x.control.data || []}\n @selectionChange=${(x, c) => {\n x.control.handleChange(x.control.path, (c.event as any).detail);\n x.onBlur();\n }}\n id=${(x) => x.control.path}\n data-test-id=${(x) => x.control.path}\n >\n <multiselect-datasource\n resourceName=${(x) => x.control.uischema.options?.allOptionsResourceName}\n value-field=${(x) => x.control.uischema.options?.valueField}\n label-field=${(x) => x.control.uischema.options?.labelField}\n :datasourceConfig=${(x) => x.control.uischema.options?.datasourceConfig}\n ></multiselect-datasource>\n </zero-multiselect>\n </control-wrapper>\n </template>\n`"
1128
+ "parameters": [
1129
+ {
1130
+ "name": "prefix",
1131
+ "default": "'zero'",
1132
+ "type": {
1133
+ "text": "string"
1134
+ }
1135
+ }
1136
+ ]
1121
1137
  },
1122
1138
  {
1123
1139
  "kind": "variable",
@@ -1125,7 +1141,7 @@
1125
1141
  "type": {
1126
1142
  "text": "RendererEntry"
1127
1143
  },
1128
- "default": "{\n renderer: ConnectedMultiselectControlRendererTemplate,\n tester: rankWith(MULTISELECT_CONTROL_RANK, isOneOfOptionMultiselect),\n mapper: mapStateToControlProps,\n}"
1144
+ "default": "{\n renderer: html<DispatchRenderer>`\n ${(x) => ConnectedMultiselectControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(MULTISELECT_CONTROL_RANK, isOneOfOptionMultiselect),\n mapper: mapStateToControlProps,\n}"
1129
1145
  }
1130
1146
  ],
1131
1147
  "exports": [
@@ -1152,9 +1168,17 @@
1152
1168
  "path": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts",
1153
1169
  "declarations": [
1154
1170
  {
1155
- "kind": "variable",
1171
+ "kind": "function",
1156
1172
  "name": "ConnectedSelectControlRendererTemplate",
1157
- "default": "html<DispatchRenderer>`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-combobox\n style=\"width: 100%\"\n placeholder=${(x) => x.control.label}\n ?disabled=${(x) => !x.control.enabled}\n @value-change=${(x, c) => {\n const value = (c.event as any).detail?.value;\n x.control.handleChange(x.control.path, value);\n x.onBlur();\n }}\n id=${(x) => x.control.path}\n data-test-id=${(x) => x.control.path}\n >\n <options-datasource\n resourceName=${(x) => x.control.uischema.options?.allOptionsResourceName}\n value-field=${(x) => x.control.uischema.options?.valueField}\n label-field=${(x) => x.control.uischema.options?.labelField}\n :datasourceConfig=${(x) => x.control.uischema.options?.datasourceConfig}\n :data=${(x) => x.control.uischema.options?.data}\n :initialSelectedValue=${(x) => x.control.data}\n ></options-datasource>\n </zero-combobox>\n </control-wrapper>\n </template>\n`"
1173
+ "parameters": [
1174
+ {
1175
+ "name": "prefix",
1176
+ "default": "'zero'",
1177
+ "type": {
1178
+ "text": "string"
1179
+ }
1180
+ }
1181
+ ]
1158
1182
  },
1159
1183
  {
1160
1184
  "kind": "variable",
@@ -1162,7 +1186,7 @@
1162
1186
  "type": {
1163
1187
  "text": "any"
1164
1188
  },
1165
- "default": "{\n renderer: ConnectedSelectControlRendererTemplate,\n tester: rankWith(SELECT_CONTROL_RANK, or(optionIs('allOptionsResourceName'), optionIs('data'))),\n mapper: mapStateToControlProps,\n}"
1189
+ "default": "{\n renderer: html<DispatchRenderer>`\n ${(x) => ConnectedSelectControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(SELECT_CONTROL_RANK, or(optionIs('allOptionsResourceName'), optionIs('data'))),\n mapper: mapStateToControlProps,\n}"
1166
1190
  }
1167
1191
  ],
1168
1192
  "exports": [
@@ -1257,9 +1281,17 @@
1257
1281
  "path": "src/jsonforms/renderers/DateControlRenderer.ts",
1258
1282
  "declarations": [
1259
1283
  {
1260
- "kind": "variable",
1284
+ "kind": "function",
1261
1285
  "name": "DateControlRendererTemplate",
1262
- "default": "html`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-text-field\n :value=${(x) =>\n x.control.data === undefined || x.control.data === null\n ? ''\n : new Intl.DateTimeFormat('fr-CA', {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n }).format(x.control.data)}\n @change=\"${(x, c) =>\n x.control.handleChange(x.control.path, (c.event.target as any).control.valueAsNumber)}}\"\n id=${(x) => x.control.path}\n type=\"date\"\n data-test-id=${(x) => x.control.path}\n ?required=${(x) => x.control.required}\n ?disabled=${(x) => !x.control.enabled}\n @blur=${(x) => x.onBlur()}\n style=\"width: 100%\"\n ></zero-text-field>\n </control-wrapper>\n </template>\n`"
1286
+ "parameters": [
1287
+ {
1288
+ "name": "prefix",
1289
+ "default": "'zero'",
1290
+ "type": {
1291
+ "text": "string"
1292
+ }
1293
+ }
1294
+ ]
1263
1295
  },
1264
1296
  {
1265
1297
  "kind": "variable",
@@ -1267,7 +1299,7 @@
1267
1299
  "type": {
1268
1300
  "text": "any"
1269
1301
  },
1270
- "default": "{\n renderer: DateControlRendererTemplate,\n tester: rankWith(DATE_CONTROL_RANK, isDate),\n mapper: mapStateToControlProps, // TODO: change mapper to handle dates instead of doing it in the template\n}"
1302
+ "default": "{\n renderer: html`\n ${(x) => DateControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(DATE_CONTROL_RANK, isDate),\n mapper: mapStateToControlProps, // TODO: change mapper to handle dates instead of doing it in the template\n}"
1271
1303
  }
1272
1304
  ],
1273
1305
  "exports": [
@@ -1317,9 +1349,17 @@
1317
1349
  ]
1318
1350
  },
1319
1351
  {
1320
- "kind": "variable",
1352
+ "kind": "function",
1321
1353
  "name": "EnumControlRendererTemplate",
1322
- "default": "html`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-combobox\n style=\"width: 100%\"\n ?disabled=${(x) => !x.control.enabled}\n :value=${(x) =>\n x.control.options.find((option) => option.value === x.control.data)?.label || ''}\n @change=${(x, c) => {\n x.control.handleChange(\n x.control.path,\n x.control.options.find((option) => option.label === (c.event.target as any).value)\n ?.value\n );\n x.onBlur();\n }}\n id=${(x) => x.control.path}\n data-test-id=${(x) => x.control.path}\n >\n ${repeat(\n (x) => x.control.options,\n html`\n <zero-option>${(x) => x.label}</zero-option>\n `\n )}\n </zero-combobox>\n </control-wrapper>\n </template>\n`"
1354
+ "parameters": [
1355
+ {
1356
+ "name": "prefix",
1357
+ "default": "'zero'",
1358
+ "type": {
1359
+ "text": "string"
1360
+ }
1361
+ }
1362
+ ]
1323
1363
  },
1324
1364
  {
1325
1365
  "kind": "variable",
@@ -1327,7 +1367,7 @@
1327
1367
  "type": {
1328
1368
  "text": "any"
1329
1369
  },
1330
- "default": "{\n renderer: EnumControlRendererTemplate,\n tester: rankWith(ENUM_CONTROL_RANK, isOneOfEnum),\n mapper: mapStateToEnumControlProps,\n}"
1370
+ "default": "{\n renderer: html`\n ${(x) => EnumControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(ENUM_CONTROL_RANK, isOneOfEnum),\n mapper: mapStateToEnumControlProps,\n}"
1331
1371
  }
1332
1372
  ],
1333
1373
  "exports": [
@@ -1362,9 +1402,17 @@
1362
1402
  "path": "src/jsonforms/renderers/FilterDateControlRenderer.ts",
1363
1403
  "declarations": [
1364
1404
  {
1365
- "kind": "variable",
1405
+ "kind": "function",
1366
1406
  "name": "DateControlRendererTemplate",
1367
- "default": "html`\n <template>\n <control-wrapper :control=${(x) => x.control} ?submitted=${(x) => x.submitted}>\n <zero-text-field\n :value=${(x) =>\n x.control.data?.min === undefined || x.control.data?.min === null\n ? ''\n : new Intl.DateTimeFormat('fr-CA', {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n }).format(x.control.data.min)}\n @change=\"${(x, c) => {\n const value = (c.event.target as any).control.valueAsNumber;\n return x.control.handleChange(x.control.path, {\n min: value ? value : undefined,\n max: x.control.data?.max < value ? undefined : x.control.data?.max,\n type: 'date',\n });\n }}\"\n id=${(x) => `min-${x.control.path}`}\n type=\"date\"\n data-test-id=${(x) => `min-${x.control.path}`}\n @blur=${(x) => x.onBlur()}\n style=\"width: 100%\"\n ></zero-text-field>\n <zero-text-field\n :value=${(x) =>\n x.control.data?.max === undefined || x.control.data?.max === null\n ? ''\n : new Intl.DateTimeFormat('fr-CA', {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n }).format(x.control.data.max)}\n @change=\"${(x, c) => {\n const value = (c.event.target as any).control.valueAsNumber;\n return x.control.handleChange(x.control.path, {\n min: x.control.data?.min > value ? undefined : x.control.data?.min,\n max: value ? value : undefined,\n type: 'date',\n });\n }}\"\n id=${(x) => `max-${x.control.path}`}\n type=\"date\"\n data-test-id=${(x) => `max-${x.control.path}`}\n @blur=${(x) => x.onBlur()}\n style=\"width: 100%\"\n ></zero-text-field>\n </control-wrapper>\n </template>\n`"
1407
+ "parameters": [
1408
+ {
1409
+ "name": "prefix",
1410
+ "default": "'zero'",
1411
+ "type": {
1412
+ "text": "string"
1413
+ }
1414
+ }
1415
+ ]
1368
1416
  },
1369
1417
  {
1370
1418
  "kind": "variable",
@@ -1372,7 +1420,7 @@
1372
1420
  "type": {
1373
1421
  "text": "any"
1374
1422
  },
1375
- "default": "{\n renderer: DateControlRendererTemplate,\n tester: rankWith(DATE_CONTROL_RANK, isDate),\n mapper: mapStateToControlProps, // TODO: change mapper to handle dates instead of doing it in the template\n}"
1423
+ "default": "{\n renderer: html`\n ${(x) => DateControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(DATE_CONTROL_RANK, isDate),\n mapper: mapStateToControlProps, // TODO: change mapper to handle dates instead of doing it in the template\n}"
1376
1424
  }
1377
1425
  ],
1378
1426
  "exports": [
@@ -1399,9 +1447,17 @@
1399
1447
  "path": "src/jsonforms/renderers/FilterNumberControlRenderer.ts",
1400
1448
  "declarations": [
1401
1449
  {
1402
- "kind": "variable",
1450
+ "kind": "function",
1403
1451
  "name": "FilterNumberControlRendererTemplate",
1404
- "default": "html`\n <template>\n <control-wrapper :control=${(x) => x.control} ?submitted=${(x) => x.submitted}>\n <zero-text-field\n :value=${(x) => (x.control.data?.min === undefined ? '' : x.control.data.min)}\n @change=${(x, c) => {\n const value = parseFloat((c.event.target as any).value);\n return x.control.handleChange(\n x.control.path,\n !isNaN(value)\n ? {\n min: value,\n max: x.control.data?.max < value ? undefined : x.control.data?.max,\n type: 'number',\n }\n : { ...x.control.data, min: undefined }\n );\n }}\n placeholder=\"Min\"\n id=${(x) => `min-${x.control.path}`}\n data-test-id=${(x) => `min-${x.control.path}`}\n @blur=${(x) => x.onBlur()}\n style=\"width: 100%\"\n ></zero-text-field>\n <span\n style=\"\n font-size: xx-large; \n color: rgb(135, 155, 166);\"\n >\n -\n </span>\n <zero-text-field\n :value=${(x) => (x.control.data?.max === undefined ? '' : x.control.data.max)}\n @change=${(x, c) => {\n const value = parseFloat((c.event.target as any).value);\n return x.control.handleChange(\n x.control.path,\n !isNaN(value)\n ? {\n min: x.control.data?.min > value ? undefined : x.control.data?.min,\n max: value,\n type: 'number',\n }\n : { ...x.control.data, max: undefined }\n );\n }}\n placeholder=\"Max\"\n id=${(x) => `max-${x.control.path}`}\n data-test-id=${(x) => `max-${x.control.path}`}\n @blur=${(x) => x.onBlur()}\n style=\"width: 100%\"\n ></zero-text-field>\n </control-wrapper>\n </template>\n`"
1452
+ "parameters": [
1453
+ {
1454
+ "name": "prefix",
1455
+ "default": "'zero'",
1456
+ "type": {
1457
+ "text": "string"
1458
+ }
1459
+ }
1460
+ ]
1405
1461
  },
1406
1462
  {
1407
1463
  "kind": "variable",
@@ -1409,7 +1465,7 @@
1409
1465
  "type": {
1410
1466
  "text": "any"
1411
1467
  },
1412
- "default": "{\n renderer: FilterNumberControlRendererTemplate,\n tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n mapper: mapStateToControlProps,\n}"
1468
+ "default": "{\n renderer: html`\n ${(x) => FilterNumberControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n mapper: mapStateToControlProps,\n}"
1413
1469
  }
1414
1470
  ],
1415
1471
  "exports": [
@@ -1658,9 +1714,17 @@
1658
1714
  "path": "src/jsonforms/renderers/NumberControlRenderer.ts",
1659
1715
  "declarations": [
1660
1716
  {
1661
- "kind": "variable",
1717
+ "kind": "function",
1662
1718
  "name": "NumberControlRendererTemplate",
1663
- "default": "html`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-number-field\n :value=${(x) => (x.control.data === undefined ? '' : String(x.control.data))}\n @change=${(x, c) => {\n const value = parseFloat((c.event.target as HTMLInputElement).value.replace(/,/g, ''));\n return x.control.handleChange(x.control.path, !isNaN(value) ? value : undefined);\n }}\n placeholder=${(x) => x.control.label}\n id=${(x) => x.control.path}\n data-test-id=${(x) => x.control.path}\n ?required=${(x) => x.control.required}\n ?disabled=${(x) => !x.control.enabled}\n withFormatting\n hideStep\n @blur=${(x) => x.onBlur()}\n style=\"width: 100%\"\n ></zero-number-field>\n </control-wrapper>\n </template>\n`"
1719
+ "parameters": [
1720
+ {
1721
+ "name": "prefix",
1722
+ "default": "'zero'",
1723
+ "type": {
1724
+ "text": "string"
1725
+ }
1726
+ }
1727
+ ]
1664
1728
  },
1665
1729
  {
1666
1730
  "kind": "variable",
@@ -1668,7 +1732,7 @@
1668
1732
  "type": {
1669
1733
  "text": "any"
1670
1734
  },
1671
- "default": "{\n renderer: NumberControlRendererTemplate,\n tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n mapper: mapStateToControlProps,\n}"
1735
+ "default": "{\n renderer: html`\n ${(x) => NumberControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n mapper: mapStateToControlProps,\n}"
1672
1736
  }
1673
1737
  ],
1674
1738
  "exports": [
@@ -1894,13 +1958,34 @@
1894
1958
  "kind": "javascript-module",
1895
1959
  "path": "src/jsonforms/renderers/StringControlRenderer.ts",
1896
1960
  "declarations": [
1961
+ {
1962
+ "kind": "function",
1963
+ "name": "getStringControlRendererTemplate",
1964
+ "parameters": [
1965
+ {
1966
+ "name": "prefix",
1967
+ "default": "'zero'",
1968
+ "type": {
1969
+ "text": "string"
1970
+ }
1971
+ }
1972
+ ]
1973
+ },
1897
1974
  {
1898
1975
  "kind": "variable",
1899
1976
  "name": "StringControlRendererTemplate",
1900
- "default": "html<DispatchRenderer>`\n <template>\n <control-wrapper\n :control=${(x) => x.control}\n :touched=${(x) => x.touched}\n ?submitted=${(x) => x.submitted}\n >\n <zero-text-field\n type=${(x) => (x.control.uischema?.options?.isPassword ? 'password' : 'text')}\n :value=${(x) => x.control.data || ''}\n @change=${(x, c) => x.control.handleChange(x.control.path, (c.event.target as any).value)}\n placeholder=${(x) => x.control.label}\n id=${(x) => x.control.path}\n data-test-id=${(x) => x.control.path}\n ?required=${(x) => x.control.required}\n ?disabled=${(x) => !x.control.enabled}\n style=\"width: 100%\"\n @blur=${(x) => x.onBlur()}\n ></zero-text-field>\n </control-wrapper>\n </template>\n`"
1977
+ "default": "html<DispatchRenderer>`\n ${(x) => getStringControlRendererTemplate(x.prefix)}\n`"
1901
1978
  }
1902
1979
  ],
1903
1980
  "exports": [
1981
+ {
1982
+ "kind": "js",
1983
+ "name": "getStringControlRendererTemplate",
1984
+ "declaration": {
1985
+ "name": "getStringControlRendererTemplate",
1986
+ "module": "src/jsonforms/renderers/StringControlRenderer.ts"
1987
+ }
1988
+ },
1904
1989
  {
1905
1990
  "kind": "js",
1906
1991
  "name": "StringControlRendererTemplate",
@@ -1963,6 +2048,13 @@
1963
2048
  "kind": "field",
1964
2049
  "name": "renderer"
1965
2050
  },
2051
+ {
2052
+ "kind": "field",
2053
+ "name": "prefix",
2054
+ "type": {
2055
+ "text": "string"
2056
+ }
2057
+ },
1966
2058
  {
1967
2059
  "kind": "field",
1968
2060
  "name": "createRenderer"
@@ -1,5 +1,5 @@
1
1
  import { RendererEntry } from '../../types';
2
2
  import { DispatchRenderer } from './dispatch-renderer';
3
- export declare const BooleanControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
3
+ export declare const BooleanControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
4
4
  export declare const BooleanControlEntry: RendererEntry;
5
5
  //# sourceMappingURL=BooleanControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BooleanControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/BooleanControlRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,8BAA8B,uEAqB1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAIjC,CAAC"}
1
+ {"version":3,"file":"BooleanControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/BooleanControlRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,8BAA8B,YAAY,MAAM,0EAqB5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAMjC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { RendererEntry } from '../../types';
2
2
  import { DispatchRenderer } from './dispatch-renderer';
3
- export declare const ConnectedMultiselectControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
3
+ export declare const ConnectedMultiselectControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
4
4
  export declare const ConnectedMultiselectControlRendererEntry: RendererEntry;
5
5
  //# sourceMappingURL=ConnectedMultiselectControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectedMultiselectControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,2CAA2C,uEA0BvD,CAAC;AAEF,eAAO,MAAM,wCAAwC,EAAE,aAItD,CAAC"}
1
+ {"version":3,"file":"ConnectedMultiselectControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,2CAA2C,YAC9C,MAAM,0EA2Bf,CAAC;AAEF,eAAO,MAAM,wCAAwC,EAAE,aAMtD,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import { DispatchRenderer } from './dispatch-renderer';
2
- export declare const ConnectedSelectControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
2
+ export declare const ConnectedSelectControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
3
3
  export declare const ConnectedSelectControlRendererEntry: any;
4
4
  //# sourceMappingURL=ConnectedSelectControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectedSelectControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,sCAAsC,uEA8BlD,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,GAIjD,CAAC"}
1
+ {"version":3,"file":"ConnectedSelectControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,eAAO,MAAM,sCAAsC,YACzC,MAAM,0EA+Bf,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,GAMjD,CAAC"}
@@ -1,3 +1,3 @@
1
- export declare const DateControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
1
+ export declare const DateControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
2
2
  export declare const DateControlRendererEntry: any;
3
3
  //# sourceMappingURL=DateControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/DateControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,2BAA2B,0DA4BvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAItC,CAAC"}
1
+ {"version":3,"file":"DateControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/DateControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,2BAA2B,YAAY,MAAM,6DA4BzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAMtC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { JsonFormsState, OwnPropsOfControl, OwnPropsOfEnum, StatePropsOfControl } from '@jsonforms/core';
2
2
  export declare const mapStateToEnumControlProps: (state: JsonFormsState, ownProps: OwnPropsOfControl & OwnPropsOfEnum) => StatePropsOfControl & OwnPropsOfEnum;
3
- export declare const EnumControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
3
+ export declare const EnumControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
4
4
  export declare const EnumControlRendererEntry: any;
5
5
  //# sourceMappingURL=EnumControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"EnumControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/EnumControlRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,cAAc,EAEd,iBAAiB,EACjB,cAAc,EAEd,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAOzB,eAAO,MAAM,0BAA0B,UAC9B,cAAc,YACX,iBAAiB,GAAG,cAAc,KAC3C,mBAAmB,GAAG,cAwBxB,CAAC;AAEF,eAAO,MAAM,2BAA2B,0DAgCvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAItC,CAAC"}
1
+ {"version":3,"file":"EnumControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/EnumControlRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,cAAc,EAEd,iBAAiB,EACjB,cAAc,EAEd,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAOzB,eAAO,MAAM,0BAA0B,UAC9B,cAAc,YACX,iBAAiB,GAAG,cAAc,KAC3C,mBAAmB,GAAG,cAwBxB,CAAC;AAEF,eAAO,MAAM,2BAA2B,YAAY,MAAM,6DAgCzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAMtC,CAAC"}
@@ -1,3 +1,3 @@
1
- export declare const DateControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
1
+ export declare const DateControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
2
2
  export declare const FilterDateControlRendererEntry: any;
3
3
  //# sourceMappingURL=FilterDateControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterDateControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/FilterDateControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,2BAA2B,0DAmDvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,GAI5C,CAAC"}
1
+ {"version":3,"file":"FilterDateControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/FilterDateControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,2BAA2B,YAAY,MAAM,6DAmDzD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,GAM5C,CAAC"}
@@ -1,3 +1,3 @@
1
- export declare const FilterNumberControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
1
+ export declare const FilterNumberControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
2
2
  export declare const FilterNumberControlRendererEntry: any;
3
3
  //# sourceMappingURL=FilterNumberControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterNumberControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/FilterNumberControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mCAAmC,0DAsD/C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,GAI9C,CAAC"}
1
+ {"version":3,"file":"FilterNumberControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/FilterNumberControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mCAAmC,YAAY,MAAM,6DAsDjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,GAM9C,CAAC"}
@@ -1,3 +1,3 @@
1
- export declare const NumberControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
1
+ export declare const NumberControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
2
2
  export declare const NumberControlRendererEntry: any;
3
3
  //# sourceMappingURL=NumberControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/NumberControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,0DAyBzC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,GAIxC,CAAC"}
1
+ {"version":3,"file":"NumberControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/NumberControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,YAAY,MAAM,6DAyB3D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,GAMxC,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { DispatchRenderer } from './dispatch-renderer';
2
+ export declare const getStringControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
2
3
  export declare const StringControlRendererTemplate: import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
3
4
  //# sourceMappingURL=StringControlRenderer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StringControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/StringControlRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,6BAA6B,uEAqBzC,CAAC"}
1
+ {"version":3,"file":"StringControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/StringControlRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,YAAY,MAAM,0EAqB9D,CAAC;AACF,eAAO,MAAM,6BAA6B,uEAEzC,CAAC"}
@@ -10,6 +10,7 @@ export declare class DispatchRenderer extends FASTElement {
10
10
  dispatch: any;
11
11
  control: any;
12
12
  renderer: any;
13
+ prefix: string;
13
14
  createRenderer: () => void;
14
15
  onBlur(): void;
15
16
  get determinedRenderer(): unknown;
@@ -1 +1 @@
1
- {"version":3,"file":"dispatch-renderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/dispatch-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA8C,MAAM,yBAAyB,CAAC;AAqBlG,qBAKa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,MAAC;IACtB,gBAAgB;IAIJ,KAAK,MAAC;IAClB,YAAY;IAGA,OAAO,MAAC;IACO,SAAS,EAAE,OAAO,CAAC;IAC9C,gBAAgB;IAGJ,QAAQ,MAAC;IACT,OAAO,MAAC;IACR,QAAQ,MAAC;IAErB,cAAc,aAiBZ;IAEF,MAAM;IAIN,IAAI,kBAAkB,YAerB;IAED,oBAAoB;CAMrB"}
1
+ {"version":3,"file":"dispatch-renderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/dispatch-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA8C,MAAM,yBAAyB,CAAC;AAqBlG,qBAKa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,MAAC;IACtB,gBAAgB;IAIJ,KAAK,MAAC;IAClB,YAAY;IAGA,OAAO,MAAC;IACO,SAAS,EAAE,OAAO,CAAC;IAC9C,gBAAgB;IAGJ,QAAQ,MAAC;IACT,OAAO,MAAC;IACR,QAAQ,MAAC;IACT,MAAM,EAAE,MAAM,CAAC;IAE3B,cAAc,aAiBZ;IAEF,MAAM;IAIN,IAAI,kBAAkB,YAgBrB;IAED,oBAAoB;CAMrB"}
@@ -32,6 +32,7 @@ export type UiSchemaElement = {
32
32
  export type UiSchema = {
33
33
  type: UiSchemaElementType;
34
34
  elements: UiSchemaElement[];
35
+ dsPrefix?: string;
35
36
  };
36
37
  /** @public */
37
38
  export type RendererEntry = {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAErE,cAAc;AACd,MAAM,MAAM,sBAAsB,GAAG;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;CACrF,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAErE,cAAc;AACd,MAAM,MAAM,sBAAsB,GAAG;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;CACrF,CAAC"}
@@ -2,14 +2,14 @@ import { mapStateToControlProps, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { isOneOfBoolean } from '../testers/isOneOfBoolean';
4
4
  import { BOOLEAN_CONTROL_RANK } from './RenderersRanks';
5
- export const BooleanControlRendererTemplate = html `
5
+ export const BooleanControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper
8
8
  :control=${(x) => x.control}
9
9
  :touched=${(x) => x.touched}
10
10
  ?submitted=${(x) => x.submitted}
11
11
  >
12
- <zero-checkbox
12
+ <${prefix}-checkbox
13
13
  :checked=${(x) => x.control.data}
14
14
  ?disabled=${(x) => !x.control.enabled}
15
15
  :autofocus=${(x) => x.control.config.focus}
@@ -20,12 +20,14 @@ export const BooleanControlRendererTemplate = html `
20
20
  }}
21
21
  id=${(x) => x.control.path}
22
22
  data-test-id=${(x) => x.control.path}
23
- ></zero-checkbox>
23
+ ></${prefix}-checkbox>
24
24
  </control-wrapper>
25
25
  </template>
26
26
  `;
27
27
  export const BooleanControlEntry = {
28
- renderer: BooleanControlRendererTemplate,
28
+ renderer: html `
29
+ ${(x) => BooleanControlRendererTemplate(x.prefix)}
30
+ `,
29
31
  tester: rankWith(BOOLEAN_CONTROL_RANK, isOneOfBoolean),
30
32
  mapper: mapStateToControlProps,
31
33
  };
@@ -2,14 +2,14 @@ import { mapStateToControlProps, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { isOneOfOptionMultiselect } from '../testers/isOneOfOptionMultiselect';
4
4
  import { MULTISELECT_CONTROL_RANK } from './RenderersRanks';
5
- export const ConnectedMultiselectControlRendererTemplate = html `
5
+ export const ConnectedMultiselectControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper
8
8
  :control=${(x) => x.control}
9
9
  :touched=${(x) => x.touched}
10
10
  ?submitted=${(x) => x.submitted}
11
11
  >
12
- <zero-multiselect
12
+ <${prefix}-multiselect
13
13
  style="width: 100%"
14
14
  :selectedOptions=${(x) => x.control.data || []}
15
15
  @selectionChange=${(x, c) => {
@@ -25,12 +25,14 @@ export const ConnectedMultiselectControlRendererTemplate = html `
25
25
  label-field=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.labelField; }}
26
26
  :datasourceConfig=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.datasourceConfig; }}
27
27
  ></multiselect-datasource>
28
- </zero-multiselect>
28
+ </${prefix}-multiselect>
29
29
  </control-wrapper>
30
30
  </template>
31
31
  `;
32
32
  export const ConnectedMultiselectControlRendererEntry = {
33
- renderer: ConnectedMultiselectControlRendererTemplate,
33
+ renderer: html `
34
+ ${(x) => ConnectedMultiselectControlRendererTemplate(x.prefix)}
35
+ `,
34
36
  tester: rankWith(MULTISELECT_CONTROL_RANK, isOneOfOptionMultiselect),
35
37
  mapper: mapStateToControlProps,
36
38
  };
@@ -2,14 +2,14 @@ import { mapStateToControlProps, or, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { optionIs } from '../testers/optionIs';
4
4
  import { SELECT_CONTROL_RANK } from './RenderersRanks';
5
- export const ConnectedSelectControlRendererTemplate = html `
5
+ export const ConnectedSelectControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper
8
8
  :control=${(x) => x.control}
9
9
  :touched=${(x) => x.touched}
10
10
  ?submitted=${(x) => x.submitted}
11
11
  >
12
- <zero-combobox
12
+ <${prefix}-combobox
13
13
  style="width: 100%"
14
14
  placeholder=${(x) => x.control.label}
15
15
  ?disabled=${(x) => !x.control.enabled}
@@ -30,12 +30,14 @@ export const ConnectedSelectControlRendererTemplate = html `
30
30
  :data=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.data; }}
31
31
  :initialSelectedValue=${(x) => x.control.data}
32
32
  ></options-datasource>
33
- </zero-combobox>
33
+ </${prefix}-combobox>
34
34
  </control-wrapper>
35
35
  </template>
36
36
  `;
37
37
  export const ConnectedSelectControlRendererEntry = {
38
- renderer: ConnectedSelectControlRendererTemplate,
38
+ renderer: html `
39
+ ${(x) => ConnectedSelectControlRendererTemplate(x.prefix)}
40
+ `,
39
41
  tester: rankWith(SELECT_CONTROL_RANK, or(optionIs('allOptionsResourceName'), optionIs('data'))),
40
42
  mapper: mapStateToControlProps,
41
43
  };
@@ -2,14 +2,14 @@ import { mapStateToControlProps, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { isDate } from '../testers/isDate';
4
4
  import { DATE_CONTROL_RANK } from './RenderersRanks';
5
- export const DateControlRendererTemplate = html `
5
+ export const DateControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper
8
8
  :control=${(x) => x.control}
9
9
  :touched=${(x) => x.touched}
10
10
  ?submitted=${(x) => x.submitted}
11
11
  >
12
- <zero-text-field
12
+ <${prefix}-text-field
13
13
  :value=${(x) => x.control.data === undefined || x.control.data === null
14
14
  ? ''
15
15
  : new Intl.DateTimeFormat('fr-CA', {
@@ -25,12 +25,14 @@ export const DateControlRendererTemplate = html `
25
25
  ?disabled=${(x) => !x.control.enabled}
26
26
  @blur=${(x) => x.onBlur()}
27
27
  style="width: 100%"
28
- ></zero-text-field>
28
+ ></${prefix}-text-field>
29
29
  </control-wrapper>
30
30
  </template>
31
31
  `;
32
32
  export const DateControlRendererEntry = {
33
- renderer: DateControlRendererTemplate,
33
+ renderer: html `
34
+ ${(x) => DateControlRendererTemplate(x.prefix)}
35
+ `,
34
36
  tester: rankWith(DATE_CONTROL_RANK, isDate),
35
37
  mapper: mapStateToControlProps, // TODO: change mapper to handle dates instead of doing it in the template
36
38
  };
@@ -13,14 +13,14 @@ export const mapStateToEnumControlProps = (state, ownProps) => {
13
13
  ]);
14
14
  return Object.assign(Object.assign({}, props), { options });
15
15
  };
16
- export const EnumControlRendererTemplate = html `
16
+ export const EnumControlRendererTemplate = (prefix = 'zero') => html `
17
17
  <template>
18
18
  <control-wrapper
19
19
  :control=${(x) => x.control}
20
20
  :touched=${(x) => x.touched}
21
21
  ?submitted=${(x) => x.submitted}
22
22
  >
23
- <zero-combobox
23
+ <${prefix}-combobox
24
24
  style="width: 100%"
25
25
  ?disabled=${(x) => !x.control.enabled}
26
26
  :value=${(x) => { var _a; return ((_a = x.control.options.find((option) => option.value === x.control.data)) === null || _a === void 0 ? void 0 : _a.label) || ''; }}
@@ -33,14 +33,16 @@ export const EnumControlRendererTemplate = html `
33
33
  data-test-id=${(x) => x.control.path}
34
34
  >
35
35
  ${repeat((x) => x.control.options, html `
36
- <zero-option>${(x) => x.label}</zero-option>
36
+ <${prefix}-option>${(x) => x.label}</${prefix}-option>
37
37
  `)}
38
- </zero-combobox>
38
+ </${prefix}-combobox>
39
39
  </control-wrapper>
40
40
  </template>
41
41
  `;
42
42
  export const EnumControlRendererEntry = {
43
- renderer: EnumControlRendererTemplate,
43
+ renderer: html `
44
+ ${(x) => EnumControlRendererTemplate(x.prefix)}
45
+ `,
44
46
  tester: rankWith(ENUM_CONTROL_RANK, isOneOfEnum),
45
47
  mapper: mapStateToEnumControlProps,
46
48
  };
@@ -2,10 +2,10 @@ import { mapStateToControlProps, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { isDate } from '../testers/isDate';
4
4
  import { DATE_CONTROL_RANK } from './RenderersRanks';
5
- export const DateControlRendererTemplate = html `
5
+ export const DateControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper :control=${(x) => x.control} ?submitted=${(x) => x.submitted}>
8
- <zero-text-field
8
+ <${prefix}-text-field
9
9
  :value=${(x) => {
10
10
  var _a, _b;
11
11
  return ((_a = x.control.data) === null || _a === void 0 ? void 0 : _a.min) === undefined || ((_b = x.control.data) === null || _b === void 0 ? void 0 : _b.min) === null
@@ -30,8 +30,8 @@ export const DateControlRendererTemplate = html `
30
30
  data-test-id=${(x) => `min-${x.control.path}`}
31
31
  @blur=${(x) => x.onBlur()}
32
32
  style="width: 100%"
33
- ></zero-text-field>
34
- <zero-text-field
33
+ ></${prefix}-text-field>
34
+ <${prefix}-text-field
35
35
  :value=${(x) => {
36
36
  var _a, _b;
37
37
  return ((_a = x.control.data) === null || _a === void 0 ? void 0 : _a.max) === undefined || ((_b = x.control.data) === null || _b === void 0 ? void 0 : _b.max) === null
@@ -56,12 +56,14 @@ export const DateControlRendererTemplate = html `
56
56
  data-test-id=${(x) => `max-${x.control.path}`}
57
57
  @blur=${(x) => x.onBlur()}
58
58
  style="width: 100%"
59
- ></zero-text-field>
59
+ ></${prefix}-text-field>
60
60
  </control-wrapper>
61
61
  </template>
62
62
  `;
63
63
  export const FilterDateControlRendererEntry = {
64
- renderer: DateControlRendererTemplate,
64
+ renderer: html `
65
+ ${(x) => DateControlRendererTemplate(x.prefix)}
66
+ `,
65
67
  tester: rankWith(DATE_CONTROL_RANK, isDate),
66
68
  mapper: mapStateToControlProps, // TODO: change mapper to handle dates instead of doing it in the template
67
69
  };
@@ -2,10 +2,10 @@ import { mapStateToControlProps, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { isOneOfNumber } from '../testers/isOneOfNumber';
4
4
  import { NUMBER_CONTROL_RANK } from './RenderersRanks';
5
- export const FilterNumberControlRendererTemplate = html `
5
+ export const FilterNumberControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper :control=${(x) => x.control} ?submitted=${(x) => x.submitted}>
8
- <zero-text-field
8
+ <${prefix}-text-field
9
9
  :value=${(x) => { var _a; return (((_a = x.control.data) === null || _a === void 0 ? void 0 : _a.min) === undefined ? '' : x.control.data.min); }}
10
10
  @change=${(x, c) => {
11
11
  var _a, _b;
@@ -23,7 +23,7 @@ export const FilterNumberControlRendererTemplate = html `
23
23
  data-test-id=${(x) => `min-${x.control.path}`}
24
24
  @blur=${(x) => x.onBlur()}
25
25
  style="width: 100%"
26
- ></zero-text-field>
26
+ ></${prefix}-text-field>
27
27
  <span
28
28
  style="
29
29
  font-size: xx-large;
@@ -31,7 +31,7 @@ export const FilterNumberControlRendererTemplate = html `
31
31
  >
32
32
  -
33
33
  </span>
34
- <zero-text-field
34
+ <${prefix}-text-field
35
35
  :value=${(x) => { var _a; return (((_a = x.control.data) === null || _a === void 0 ? void 0 : _a.max) === undefined ? '' : x.control.data.max); }}
36
36
  @change=${(x, c) => {
37
37
  var _a, _b;
@@ -49,12 +49,14 @@ export const FilterNumberControlRendererTemplate = html `
49
49
  data-test-id=${(x) => `max-${x.control.path}`}
50
50
  @blur=${(x) => x.onBlur()}
51
51
  style="width: 100%"
52
- ></zero-text-field>
52
+ ></${prefix}-text-field>
53
53
  </control-wrapper>
54
54
  </template>
55
55
  `;
56
56
  export const FilterNumberControlRendererEntry = {
57
- renderer: FilterNumberControlRendererTemplate,
57
+ renderer: html `
58
+ ${(x) => FilterNumberControlRendererTemplate(x.prefix)}
59
+ `,
58
60
  tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),
59
61
  mapper: mapStateToControlProps,
60
62
  };
@@ -2,14 +2,14 @@ import { mapStateToControlProps, rankWith } from '@jsonforms/core';
2
2
  import { html } from '@microsoft/fast-element';
3
3
  import { isOneOfNumber } from '../testers/isOneOfNumber';
4
4
  import { NUMBER_CONTROL_RANK } from './RenderersRanks';
5
- export const NumberControlRendererTemplate = html `
5
+ export const NumberControlRendererTemplate = (prefix = 'zero') => html `
6
6
  <template>
7
7
  <control-wrapper
8
8
  :control=${(x) => x.control}
9
9
  :touched=${(x) => x.touched}
10
10
  ?submitted=${(x) => x.submitted}
11
11
  >
12
- <zero-number-field
12
+ <${prefix}-number-field
13
13
  :value=${(x) => (x.control.data === undefined ? '' : String(x.control.data))}
14
14
  @change=${(x, c) => {
15
15
  const value = parseFloat(c.event.target.value.replace(/,/g, ''));
@@ -24,12 +24,14 @@ export const NumberControlRendererTemplate = html `
24
24
  hideStep
25
25
  @blur=${(x) => x.onBlur()}
26
26
  style="width: 100%"
27
- ></zero-number-field>
27
+ ></${prefix}-number-field>
28
28
  </control-wrapper>
29
29
  </template>
30
30
  `;
31
31
  export const NumberControlRendererEntry = {
32
- renderer: NumberControlRendererTemplate,
32
+ renderer: html `
33
+ ${(x) => NumberControlRendererTemplate(x.prefix)}
34
+ `,
33
35
  tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),
34
36
  mapper: mapStateToControlProps,
35
37
  };
@@ -1,13 +1,13 @@
1
1
  import { html } from '@microsoft/fast-element';
2
2
  // <pre>${(x) => JSON.stringify(x.control, null, 2)}</pre>
3
- export const StringControlRendererTemplate = html `
3
+ export const getStringControlRendererTemplate = (prefix = 'zero') => html `
4
4
  <template>
5
5
  <control-wrapper
6
6
  :control=${(x) => x.control}
7
7
  :touched=${(x) => x.touched}
8
8
  ?submitted=${(x) => x.submitted}
9
9
  >
10
- <zero-text-field
10
+ <${prefix}-text-field
11
11
  type=${(x) => { var _a, _b; return (((_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.isPassword) ? 'password' : 'text'); }}
12
12
  :value=${(x) => x.control.data || ''}
13
13
  @change=${(x, c) => x.control.handleChange(x.control.path, c.event.target.value)}
@@ -18,7 +18,10 @@ export const StringControlRendererTemplate = html `
18
18
  ?disabled=${(x) => !x.control.enabled}
19
19
  style="width: 100%"
20
20
  @blur=${(x) => x.onBlur()}
21
- ></zero-text-field>
21
+ ></${prefix}-text-field>
22
22
  </control-wrapper>
23
23
  </template>
24
24
  `;
25
+ export const StringControlRendererTemplate = html `
26
+ ${(x) => getStringControlRendererTemplate(x.prefix)}
27
+ `;
@@ -42,6 +42,7 @@ let DispatchRenderer = class DispatchRenderer extends FASTElement {
42
42
  const rendererEntry = maxBy(this.renderer.renderers, (r) =>
43
43
  // @ts-ignore
44
44
  r.tester(this.renderer.uischema, this.renderer.schema));
45
+ this.prefix = this.jsonforms.core.uischema.dsPrefix;
45
46
  if (rendererEntry === undefined ||
46
47
  // @ts-ignore
47
48
  rendererEntry.tester(this.renderer.uischema, this.renderer.schema) === -1) {
@@ -79,6 +80,9 @@ __decorate([
79
80
  __decorate([
80
81
  observable
81
82
  ], DispatchRenderer.prototype, "renderer", void 0);
83
+ __decorate([
84
+ observable
85
+ ], DispatchRenderer.prototype, "prefix", void 0);
82
86
  DispatchRenderer = __decorate([
83
87
  customElement({
84
88
  name: 'dispatch-renderer',
@@ -964,7 +964,7 @@
964
964
  },
965
965
  {
966
966
  "kind": "Content",
967
- "text": "[];\n}"
967
+ "text": "[];\n dsPrefix?: string;\n}"
968
968
  },
969
969
  {
970
970
  "kind": "Content",
@@ -30,6 +30,7 @@ declare class DispatchRenderer extends FASTElement {
30
30
  dispatch: any;
31
31
  control: any;
32
32
  renderer: any;
33
+ prefix: string;
33
34
  createRenderer: () => void;
34
35
  onBlur(): void;
35
36
  get determinedRenderer(): unknown;
@@ -266,6 +267,7 @@ export declare const renderers: any[];
266
267
  export declare type UiSchema = {
267
268
  type: UiSchemaElementType;
268
269
  elements: UiSchemaElement[];
270
+ dsPrefix?: string;
269
271
  };
270
272
 
271
273
  /** @public */
@@ -11,6 +11,7 @@
11
11
  export type UiSchema = {
12
12
  type: UiSchemaElementType;
13
13
  elements: UiSchemaElement[];
14
+ dsPrefix?: string;
14
15
  };
15
16
  ```
16
17
  **References:** [UiSchemaElementType](./foundation-forms.uischemaelementtype.md)<!-- -->, [UiSchemaElement](./foundation-forms.uischemaelement.md)
@@ -115,6 +115,7 @@ export const renderers: any[];
115
115
  export type UiSchema = {
116
116
  type: UiSchemaElementType;
117
117
  elements: UiSchemaElement[];
118
+ dsPrefix?: string;
118
119
  };
119
120
 
120
121
  // @public (undocumented)
@@ -147,7 +148,7 @@ export type UiSchemaElementType = 'Control' | 'VerticalLayout' | any;
147
148
 
148
149
  // Warnings were encountered during analysis:
149
150
  //
150
- // src/types.ts:48:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
151
+ // src/types.ts:49:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
151
152
 
152
153
  // (No @packageDocumentation comment for this package)
153
154
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-forms",
3
3
  "description": "Genesis Foundation Forms",
4
- "version": "14.17.0",
4
+ "version": "14.19.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -49,8 +49,8 @@
49
49
  },
50
50
  "devDependencies": {
51
51
  "@custom-elements-manifest/analyzer": "^0.8.2",
52
- "@genesislcap/foundation-testing": "^14.17.0",
53
- "@genesislcap/genx": "^14.17.0",
52
+ "@genesislcap/foundation-testing": "^14.19.0",
53
+ "@genesislcap/genx": "^14.19.0",
54
54
  "@microsoft/api-documenter": "^7.19.13",
55
55
  "@microsoft/api-extractor": "^7.31.1",
56
56
  "@module-federation/dashboard-plugin": "2.3.0",
@@ -100,9 +100,9 @@
100
100
  "webpack-merge": "^5.7.3"
101
101
  },
102
102
  "dependencies": {
103
- "@genesislcap/foundation-comms": "^14.17.0",
104
- "@genesislcap/foundation-criteria": "^14.17.0",
105
- "@genesislcap/foundation-utils": "^14.17.0",
103
+ "@genesislcap/foundation-comms": "^14.19.0",
104
+ "@genesislcap/foundation-criteria": "^14.19.0",
105
+ "@genesislcap/foundation-utils": "^14.19.0",
106
106
  "@jsonforms/core": "^3.0.0",
107
107
  "@microsoft/fast-components": "^2.21.3",
108
108
  "@microsoft/fast-element": "^1.7.0",
@@ -123,5 +123,5 @@
123
123
  "access": "public"
124
124
  },
125
125
  "customElements": "dist/custom-elements.json",
126
- "gitHead": "45aa1d24a4fabc0d90c868f8e77f71df24609180"
126
+ "gitHead": "39baddc0d618b2ceb964f5382821d8901f5194b3"
127
127
  }