@genesislcap/pbc-reporting-ui 15.13.1 → 15.14.0-FUI-2601.2

package/dist/custom-elements.json

@@ -8635,121 +8635,399 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DataTransformsTutorial",
+          "members": [
+            {
+              "kind": "field",
+              "name": "modal",
+              "type": {
+                "text": "Modal"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueBuilder",
+              "type": {
+                "text": "RapidValueExpressionBuilder"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isXlsx",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasFormats",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "unsubscribe",
+              "type": {
+                "text": "() => void"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "updateState"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "data-transforms-tutorial",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DataTransformsTutorial",
+          "declaration": {
+            "name": "DataTransformsTutorial",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "data-transforms-tutorial",
+          "declaration": {
+            "name": "DataTransformsTutorial",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "lookupColumnRename",
+          "name": "lookupColumnFormat",
           "return": {
             "type": {
-              "text": "ColumnRenameAliasRowData"
+              "text": "DataTransformData"
             }
           },
           "parameters": [
             {
               "name": "data",
               "type": {
-                "text": "ColumnRenameAliasRowData"
+                "text": "DataTransformData"
               }
             }
           ],
-          "description": "Adds display name info from store to the row data"
+          "description": "Adds format configuration info from store to the row data"
         },
         {
           "kind": "function",
-          "name": "buildRenameCellStyle",
+          "name": "setDefaultFormatsForDatasource",
           "parameters": [
             {
-              "name": "rowDeselectedStyle",
+              "name": "datasourceName",
               "type": {
-                "text": "CellStyle"
+                "text": "DatasourceName"
               }
             },
             {
-              "name": "rowSelectedStyle",
-              "default": "{}",
+              "name": "schema",
               "type": {
-                "text": "CellStyle"
+                "text": "Genesis.JSONSchema7"
               }
             }
           ],
-          "description": "Factory for creating cell styles based on filter status for rename grid cells"
+          "description": "Sets default formats for included fields in a datasource based on their types\nThis should be called after datasource initialization when schema information is available"
         },
         {
           "kind": "function",
-          "name": "displayNameOnChangeHandler",
+          "name": "valueExprCellRendereronChange",
+          "return": {
+            "type": {
+              "text": "DataTransformRendererParams['onChange']"
+            }
+          },
           "parameters": [
             {
-              "name": "callback",
+              "name": "datasourceKey",
               "type": {
-                "text": "() => any"
+                "text": "DatasourceName"
               }
             }
-          ],
-          "description": "Handler for display name changes in the grid"
+          ]
         },
         {
           "kind": "function",
-          "name": "renameRowSelectionChangedHandler",
+          "name": "getDateSeparator",
+          "parameters": [
+            {
+              "name": "data",
+              "type": {
+                "text": "DisplayConfigurationRow"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "mapToDateFormat",
+          "parameters": [
+            {
+              "name": "data",
+              "type": {
+                "text": "DisplayConfigurationRow"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "determineDateLocaleFormat",
           "return": {
             "type": {
-              "text": "void"
+              "text": "DateLocaleFormats"
             }
           },
           "parameters": [
             {
-              "name": "event",
+              "name": "formatString",
               "type": {
-                "text": "RowSelectedEvent<ColumnRenameAliasRowData>"
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDateConfig",
+          "parameters": [
+            {
+              "name": "formatString",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "validateFormatString",
+          "parameters": [
+            {
+              "name": "formatString",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "transformFromFormatString",
+          "parameters": [
+            {
+              "name": "formatString",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "FormatTypes.Date | FormatTypes.Datetime"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "FormatToConfigTokens"
+        },
+        {
+          "kind": "function",
+          "name": "transformFromNumberFormatString",
+          "return": {
+            "type": {
+              "text": "BaseFormatOptions"
+            }
+          },
+          "parameters": [
+            {
+              "name": "formatString",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "NumericFieldTypes"
               }
             }
           ],
-          "description": "Handler for row selection changes in the grid"
+          "description": "Transforms a numeric format string back to the object structure used by the number format modal\nThis is the inverse of mapToNumberFormat"
+        },
+        {
+          "kind": "function",
+          "name": "mapToNumberFormat",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "format",
+              "type": {
+                "text": "NumericFormats"
+              }
+            },
+            {
+              "name": "decimalPlaces",
+              "optional": true,
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "currency",
+              "optional": true,
+              "type": {
+                "text": "NumericCurrencies"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "lookupColumnRename",
+          "name": "getDefaultFormat",
           "declaration": {
-            "name": "lookupColumnRename",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+            "name": "getDefaultFormat",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
           }
         },
         {
           "kind": "js",
-          "name": "buildRenameCellStyle",
+          "name": "lookupColumnFormat",
           "declaration": {
-            "name": "buildRenameCellStyle",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+            "name": "lookupColumnFormat",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
           }
         },
         {
           "kind": "js",
-          "name": "displayNameOnChangeHandler",
+          "name": "setDefaultFormatsForDatasource",
           "declaration": {
-            "name": "displayNameOnChangeHandler",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+            "name": "setDefaultFormatsForDatasource",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
           }
         },
         {
           "kind": "js",
-          "name": "renameRowSelectionChangedHandler",
+          "name": "valueExprCellRendereronChange",
           "declaration": {
-            "name": "renameRowSelectionChangedHandler",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+            "name": "valueExprCellRendereronChange",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDateSeparator",
+          "declaration": {
+            "name": "getDateSeparator",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mapToDateFormat",
+          "declaration": {
+            "name": "mapToDateFormat",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "determineDateLocaleFormat",
+          "declaration": {
+            "name": "determineDateLocaleFormat",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDateConfig",
+          "declaration": {
+            "name": "getDateConfig",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "validateFormatString",
+          "declaration": {
+            "name": "validateFormatString",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "transformFromFormatString",
+          "declaration": {
+            "name": "transformFromFormatString",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FormatToConfigTokens",
+          "declaration": {
+            "name": "FormatToConfigTokens",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "transformFromNumberFormatString",
+          "declaration": {
+            "name": "transformFromNumberFormatString",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mapToNumberFormat",
+          "declaration": {
+            "name": "mapToNumberFormat",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.styles.ts",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css`\n  div.grid-container {\n    width: 100%;\n    height: calc(var(--constrained-height) - 160px);\n  }\n\n  div.grid-container.error {\n    cursor: not-allowed;\n  }\n\n  div.error rapid-grid-pro {\n    pointer-events: none;\n    opacity: 80%;\n  }\n\n  rapid-grid-pro::part(grid) {\n    --base-height-multiplier: 9;\n    --ag-selected-row-background-color: transparent !important;\n  }\n`"
+          "default": "css`\n  div.grid-container {\n    height: calc(var(--constrained-height) - 160px);\n    width: 100%;\n  }\n\n  div.grid-container.error {\n    cursor: not-allowed;\n  }\n\n  div.error rapid-grid-pro {\n    pointer-events: none;\n    opacity: 80%;\n  }\n\n  rapid-grid-pro::part(grid) {\n    --base-height-multiplier: 9;\n    --ag-selected-row-background-color: transparent !important;\n  }\n`"
         }
       ],
       "exports": [
@@ -8758,19 +9036,19 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.styles.ts"
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.template.ts",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.template.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "template",
-          "default": "html<ColRenamesAliases>`\n  <div class=\"grid-container ${(x) => classNames(['error', x.dataError])}\">\n    <rapid-grid-pro\n      class=\"${(x) => classNames(['error', x.dataError])}\"\n      data-test-id=\"datasource-config-col-rename-grid\"\n      :gridOptions=${(x) => x.getGridOptions()}\n      :rowData=${(x) => x.fieldData}\n      grid-autosizing\n    ></rapid-grid-pro>\n  </div>\n`"
+          "default": "html<DataTransformsAndDerivedFields>`\n  <div class=\"grid-container ${(x) => classNames(['error', x.dataError])}\">\n    <rapid-grid-pro\n      class=\"${(x) => classNames(['error', x.dataError])}\"\n      data-test-id=\"datasource-config-transform-data-grid\"\n      :gridOptions=${(x) => x.getGridOptions()}\n      :rowData=${(x) => x.fieldData}\n      grid-autosizing\n    ></rapid-grid-pro>\n  </div>\n  <date-format-modal ${ref('dateFormatModal')}></date-format-modal>\n  <number-format-modal ${ref('numberFormatModal')}></number-format-modal>\n`"
         }
       ],
       "exports": [
@@ -8779,20 +9057,34 @@
           "name": "template",
           "declaration": {
             "name": "template",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.template.ts"
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.ts",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "ColRenamesAliases",
+          "description": "TODO: This component doesn't yet do derived fields, but it will",
+          "name": "DataTransformsAndDerivedFields",
           "members": [
+            {
+              "kind": "field",
+              "name": "dateFormatModal",
+              "type": {
+                "text": "DateFormatModal"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "numberFormatModal",
+              "type": {
+                "text": "NumberFormatModal"
+              }
+            },
             {
               "kind": "method",
               "name": "updateDataFields",
@@ -8802,12 +9094,20 @@
                   "text": "Promise<void>"
                 }
               },
-              "description": "Override updateGridData to include column rename information",
+              "description": "Update grid data with column filter information",
               "inheritedFrom": {
                 "name": "DatasourceDataBaseComponent",
                 "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "clickHandlerGridDisplay"
+            },
+            {
+              "kind": "field",
+              "name": "deleteFormat"
+            },
             {
               "kind": "method",
               "name": "getGridOptions",
@@ -8932,465 +9232,209 @@
             "name": "DatasourceDataBaseComponent",
             "module": "/src/new/main/edit-config/shared"
           },
-          "tagName": "col-rename-alias",
+          "tagName": "data-transforms-derived-fields",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ColRenamesAliases",
+          "name": "DataTransformsAndDerivedFields",
           "declaration": {
-            "name": "ColRenamesAliases",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.ts"
+            "name": "DataTransformsAndDerivedFields",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "col-rename-alias",
+          "name": "data-transforms-derived-fields",
           "declaration": {
-            "name": "ColRenamesAliases",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.ts"
+            "name": "DataTransformsAndDerivedFields",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-tutorial.ts",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "ColRenamesAliasesTutorial",
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
+          "kind": "function",
+          "name": "isNumericFieldType",
+          "return": {
+            "type": {
+              "text": "fieldType is NumericFieldTypes"
+            }
           },
-          "tagName": "col-renames-aliases-tutorial",
-          "customElement": true
+          "parameters": [
+            {
+              "name": "fieldType",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "dateFormatsWithLabels",
+          "type": {
+            "text": "array"
+          },
+          "default": "[\n  {\n    value: DateLocaleFormats.Unformatted,\n    label: `Unformatted`,\n  },\n  {\n    value: DateLocaleFormats.US,\n    label: `${DateLocaleFormats.US}`,\n  },\n  {\n    value: DateLocaleFormats.UK,\n    label: `${DateLocaleFormats.UK}`,\n  },\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "DateTimeTokens",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  year: {\n    [DateYearFormats.Full]: 'yyyy',\n    [DateYearFormats.Digit]: 'yy',\n  },\n  month: {\n    [DateMonthFormats.Numeric]: 'M',\n    [DateMonthFormats.Digit]: 'MM',\n    [DateMonthFormats.Long]: 'MMMM',\n    [DateMonthFormats.Short]: 'MMM',\n  },\n  day: {\n    [DateStandardFormats.Numeric]: 'd',\n    [DateStandardFormats.Digit]: 'dd',\n  },\n  hour: {\n    [DateTimeFormats.Show]: 'HH',\n    [`${DateTimeFormats.Show}_12`]: 'hh',\n  },\n  minute: {\n    [DateTimeFormats.Show]: 'mm',\n  },\n  second: {\n    [DateTimeFormats.Show]: 'ss',\n  },\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "numericFormatsWithLabels",
+          "type": {
+            "text": "array"
+          },
+          "default": "[\n  {\n    value: NumericFormats.Unformatted,\n    label: `${NumericFormats.Unformatted}`,\n  },\n  {\n    value: NumericFormats.Financial,\n    label: `${NumericFormats.Financial} (1,000.12)`,\n  },\n  {\n    value: NumericFormats.Percent,\n    label: `${NumericFormats.Percent} (10.12%)`,\n  },\n  {\n    value: NumericFormats.SimpleDecimal,\n    label: `${NumericFormats.SimpleDecimal} (123.45)`,\n  },\n  {\n    value: NumericFormats.Currency,\n    label: `${NumericFormats.Currency} (£1,000.12)`,\n  },\n  {\n    value: NumericFormats.CurrencyRounded,\n    label: `${NumericFormats.CurrencyRounded} (£1,000)`,\n  },\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "LocaleDateOrderMap",
+          "type": {
+            "text": "Record<DateLocaleFormats, (keyof typeof DateTimeTokens)[]>"
+          },
+          "default": "{\n  [DateLocaleFormats.UK]: ['day', 'month', 'year'],\n  [DateLocaleFormats.US]: ['month', 'day', 'year'],\n  [DateLocaleFormats.Unformatted]: ['year', 'month', 'day'],\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ColRenamesAliasesTutorial",
+          "name": "isNumericFieldType",
           "declaration": {
-            "name": "ColRenamesAliasesTutorial",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-tutorial.ts"
+            "name": "isNumericFieldType",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "col-renames-aliases-tutorial",
+          "kind": "js",
+          "name": "dateFormatsWithLabels",
           "declaration": {
-            "name": "ColRenamesAliasesTutorial",
-            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-tutorial.ts"
+            "name": "dateFormatsWithLabels",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DateTimeTokens",
+          "declaration": {
+            "name": "DateTimeTokens",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "numericFormatsWithLabels",
+          "declaration": {
+            "name": "numericFormatsWithLabels",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LocaleDateOrderMap",
+          "declaration": {
+            "name": "LocaleDateOrderMap",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts",
+      "path": "src/new/main/edit-config/data-transforms-derived-fields/format-warning.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataTransformsTutorial",
+          "name": "FormatWarning",
           "members": [
             {
               "kind": "field",
-              "name": "modal",
-              "type": {
-                "text": "Modal"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "valueBuilder",
-              "type": {
-                "text": "RapidValueExpressionBuilder"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isXlsx",
+              "name": "warning",
               "type": {
                 "text": "boolean"
               },
               "default": "false"
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "hasFormats",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "unsubscribe",
-              "type": {
-                "text": "() => void"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "updateState"
+              "default": "false",
+              "fieldName": "warning"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "data-transforms-tutorial",
+          "tagName": "format-warning",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataTransformsTutorial",
+          "name": "FormatWarning",
           "declaration": {
-            "name": "DataTransformsTutorial",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts"
+            "name": "FormatWarning",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/format-warning.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "data-transforms-tutorial",
+          "name": "format-warning",
           "declaration": {
-            "name": "DataTransformsTutorial",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms-tutorial.ts"
+            "name": "FormatWarning",
+            "module": "src/new/main/edit-config/data-transforms-derived-fields/format-warning.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts",
+      "path": "src/new/main/edit-config/datasource-config/datasource-config-container.styles.ts",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "lookupColumnFormat",
-          "return": {
-            "type": {
-              "text": "DataTransformData"
-            }
-          },
-          "parameters": [
-            {
-              "name": "data",
-              "type": {
-                "text": "DataTransformData"
-              }
-            }
-          ],
-          "description": "Adds format configuration info from store to the row data"
-        },
-        {
-          "kind": "function",
-          "name": "setDefaultFormatsForDatasource",
-          "parameters": [
-            {
-              "name": "datasourceName",
-              "type": {
-                "text": "DatasourceName"
-              }
-            },
-            {
-              "name": "schema",
-              "type": {
-                "text": "Genesis.JSONSchema7"
-              }
-            }
-          ],
-          "description": "Sets default formats for included fields in a datasource based on their types\nThis should be called after datasource initialization when schema information is available"
-        },
-        {
-          "kind": "function",
-          "name": "valueExprCellRendereronChange",
-          "return": {
-            "type": {
-              "text": "DataTransformRendererParams['onChange']"
-            }
-          },
-          "parameters": [
-            {
-              "name": "datasourceKey",
-              "type": {
-                "text": "DatasourceName"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getDateSeparator",
-          "parameters": [
-            {
-              "name": "data",
-              "type": {
-                "text": "DisplayConfigurationRow"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "mapToDateFormat",
-          "parameters": [
-            {
-              "name": "data",
-              "type": {
-                "text": "DisplayConfigurationRow"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "determineDateLocaleFormat",
-          "return": {
-            "type": {
-              "text": "DateLocaleFormats"
-            }
-          },
-          "parameters": [
-            {
-              "name": "formatString",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getDateConfig",
-          "parameters": [
-            {
-              "name": "formatString",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "validateFormatString",
-          "parameters": [
-            {
-              "name": "formatString",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "transformFromFormatString",
-          "parameters": [
-            {
-              "name": "formatString",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "FormatTypes.Date | FormatTypes.Datetime"
-              }
-            }
-          ]
-        },
         {
           "kind": "variable",
-          "name": "FormatToConfigTokens"
-        },
-        {
-          "kind": "function",
-          "name": "transformFromNumberFormatString",
-          "return": {
-            "type": {
-              "text": "BaseFormatOptions"
-            }
-          },
-          "parameters": [
-            {
-              "name": "formatString",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "NumericFieldTypes"
-              }
-            }
-          ],
-          "description": "Transforms a numeric format string back to the object structure used by the number format modal\nThis is the inverse of mapToNumberFormat"
-        },
-        {
-          "kind": "function",
-          "name": "mapToNumberFormat",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
-            {
-              "name": "format",
-              "type": {
-                "text": "NumericFormats"
-              }
-            },
-            {
-              "name": "decimalPlaces",
-              "optional": true,
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "currency",
-              "optional": true,
-              "type": {
-                "text": "NumericCurrencies"
-              }
-            }
-          ]
+          "name": "styles",
+          "default": "css`\n  div.container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  rapid-button.add {\n    display: flex;\n    margin: 5px;\n    background-color: var(--success-color);\n    min-width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    height: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n  }\n\n  rapid-button.add::part(control) {\n    padding: 0;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "getDefaultFormat",
-          "declaration": {
-            "name": "getDefaultFormat",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "lookupColumnFormat",
-          "declaration": {
-            "name": "lookupColumnFormat",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "setDefaultFormatsForDatasource",
-          "declaration": {
-            "name": "setDefaultFormatsForDatasource",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "valueExprCellRendereronChange",
-          "declaration": {
-            "name": "valueExprCellRendereronChange",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getDateSeparator",
-          "declaration": {
-            "name": "getDateSeparator",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "mapToDateFormat",
-          "declaration": {
-            "name": "mapToDateFormat",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "determineDateLocaleFormat",
-          "declaration": {
-            "name": "determineDateLocaleFormat",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getDateConfig",
-          "declaration": {
-            "name": "getDateConfig",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "validateFormatString",
-          "declaration": {
-            "name": "validateFormatString",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "transformFromFormatString",
-          "declaration": {
-            "name": "transformFromFormatString",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FormatToConfigTokens",
-          "declaration": {
-            "name": "FormatToConfigTokens",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "transformFromNumberFormatString",
-          "declaration": {
-            "name": "transformFromNumberFormatString",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "mapToNumberFormat",
+          "name": "styles",
           "declaration": {
-            "name": "mapToNumberFormat",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.helpers.ts"
+            "name": "styles",
+            "module": "src/new/main/edit-config/datasource-config/datasource-config-container.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.styles.ts",
+      "path": "src/new/main/edit-config/datasource-config/datasource-config-item.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css`\n  div.grid-container {\n    height: calc(var(--constrained-height) - 160px);\n    width: 100%;\n  }\n\n  div.grid-container.error {\n    cursor: not-allowed;\n  }\n\n  div.error rapid-grid-pro {\n    pointer-events: none;\n    opacity: 80%;\n  }\n\n  rapid-grid-pro::part(grid) {\n    --base-height-multiplier: 9;\n    --ag-selected-row-background-color: transparent !important;\n  }\n`"
+          "default": "css`\n  ${optionMessageBubble()}\n  ${formLabel}\n\n  div.container {\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  div.split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-combobox.datasource {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-combobox.datasource.error {\n    border-color: var(--error-color);\n  }\n\n  div.configs {\n    display: grid;\n    grid-template-columns: 5fr 2fr;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  rapid-text-field::part(root) {\n    height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1.35px);\n  }\n\n  rapid-select,\n  rapid-combobox,\n  rapid-text-field {\n    width: 100%;\n    min-width: unset;\n    height: 41px;\n  }\n\n  div.configs rapid-select,\n  div.configs rapid-combobox {\n    min-width: 20%;\n  }\n\n  rapid-select::part(listbox),\n  rapid-combobox::part(listbox) {\n    max-height: 20vh;\n  }\n\n  div.header {\n    display: grid;\n    grid-template-columns: 4fr 1fr;\n    margin-bottom: calc(var(--design-unit) * 1.2px);\n  }\n\n  div.close-button {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  rapid-button.close {\n    margin: 5px;\n    background-color: var(--error-color);\n    min-width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    height: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n  }\n\n  rapid-button.close::part(control) {\n    padding: 0;\n  }\n`"
         }
       ],
       "exports": [
@@ -9399,19 +9443,19 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.styles.ts"
+            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.template.ts",
+      "path": "src/new/main/edit-config/datasource-config/datasource-config-item.template.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "template",
-          "default": "html<DataTransformsAndDerivedFields>`\n  <div class=\"grid-container ${(x) => classNames(['error', x.dataError])}\">\n    <rapid-grid-pro\n      class=\"${(x) => classNames(['error', x.dataError])}\"\n      data-test-id=\"datasource-config-transform-data-grid\"\n      :gridOptions=${(x) => x.getGridOptions()}\n      :rowData=${(x) => x.fieldData}\n      grid-autosizing\n    ></rapid-grid-pro>\n  </div>\n  <date-format-modal ${ref('dateFormatModal')}></date-format-modal>\n  <number-format-modal ${ref('numberFormatModal')}></number-format-modal>\n`"
+          "default": "html<DatasourceConfigItem>`\n  ${whenElse(\n    (x) => x.datasourceName && x.datasourceChoices,\n    component,\n    html`\n      Missing attributes\n    `,\n  )}\n`"
         }
       ],
       "exports": [
@@ -9420,384 +9464,504 @@
           "name": "template",
           "declaration": {
             "name": "template",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.template.ts"
+            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.ts",
+      "path": "src/new/main/edit-config/datasource-config/datasource-config-item.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "TODO: This component doesn't yet do derived fields, but it will",
-          "name": "DataTransformsAndDerivedFields",
-          "members": [
-            {
-              "kind": "field",
-              "name": "dateFormatModal",
-              "type": {
-                "text": "DateFormatModal"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "numberFormatModal",
-              "type": {
-                "text": "NumberFormatModal"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateDataFields",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Update grid data with column filter information",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
-            },
+          "description": "",
+          "name": "DatasourceConfigItem",
+          "members": [
             {
               "kind": "field",
-              "name": "clickHandlerGridDisplay"
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
             },
             {
               "kind": "field",
-              "name": "deleteFormat"
-            },
-            {
-              "kind": "method",
-              "name": "getGridOptions",
-              "return": {
-                "type": {
-                  "text": "GridOptionsConfig"
-                }
-              }
+              "name": "getSchema",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "connect",
+              "name": "datasourceName",
               "type": {
-                "text": "Connect"
+                "text": "DatasourceName | null"
               },
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "fieldData",
+              "name": "datasourceChoices",
               "type": {
-                "text": "GridRowData[]"
+                "text": "DatasourceChoice[] | null"
               },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "dataError",
+              "name": "groupingByFieldsNames",
               "type": {
-                "text": "boolean"
+                "text": "string[] | null"
               },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "getSchema",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "name": "canRemove",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "datasourceSpec",
+              "name": "position",
               "type": {
-                "text": "{ name: string; spec: JSONSchema7 }[]"
+                "text": "'below' | 'above'"
               },
-              "privacy": "protected",
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "default": "'below'"
             },
             {
               "kind": "field",
-              "name": "datasourceName",
+              "name": "error",
               "type": {
-                "text": "MultiDatasourceHandler['datasourceName']"
+                "text": "'none' | 'invalid-datasource' | 'unknown'"
               },
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "default": "'none'"
             },
             {
               "kind": "method",
-              "name": "datasourceNameChanged",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "name": "deleteDatasourceHandler"
             },
             {
               "kind": "method",
-              "name": "handleUpdatedDatasources",
-              "privacy": "protected",
-              "description": "Updates the datasource specifications based on the selected datasource key",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              "name": "updateKeyHandler",
+              "parameters": [
+                {
+                  "name": "newName",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "handleError",
-              "privacy": "protected",
+              "name": "updateOutputTypeHandler",
               "parameters": [
                 {
-                  "name": "error",
+                  "name": "newType",
                   "type": {
-                    "text": "Error"
+                    "text": "DatasourceOutputTypes"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateGroupingStrategyHandler",
+              "parameters": [
                 {
-                  "name": "body",
+                  "name": "value",
+                  "type": {
+                    "text": "DatasourceGroupingStrategy"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateGroupingByHandler",
+              "parameters": [
+                {
+                  "name": "value",
                   "type": {
                     "text": "string"
                   }
                 }
-              ],
-              "description": "Common error handler",
-              "inheritedFrom": {
-                "name": "DatasourceDataBaseComponent",
-                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
-              }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updateDatasourceSourceHandler",
+              "parameters": [
+                {
+                  "name": "selectedOption",
+                  "type": {
+                    "text": "Combobox"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "can-remove",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "canRemove"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "'below' | 'above'"
+              },
+              "default": "'below'",
+              "fieldName": "position"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "'none' | 'invalid-datasource' | 'unknown'"
+              },
+              "default": "'none'",
+              "fieldName": "error"
             }
           ],
           "superclass": {
-            "name": "DatasourceDataBaseComponent",
-            "module": "/src/new/main/edit-config/shared"
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
           },
-          "tagName": "data-transforms-derived-fields",
+          "tagName": "datasource-config-item",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataTransformsAndDerivedFields",
+          "name": "DatasourceConfigItem",
           "declaration": {
-            "name": "DataTransformsAndDerivedFields",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.ts"
+            "name": "DatasourceConfigItem",
+            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "data-transforms-derived-fields",
+          "name": "datasource-config-item",
           "declaration": {
-            "name": "DataTransformsAndDerivedFields",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.ts"
+            "name": "DatasourceConfigItem",
+            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts",
+      "path": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "isNumericFieldType",
-          "return": {
-            "type": {
-              "text": "fieldType is NumericFieldTypes"
-            }
-          },
+          "name": "createNewDatasourceConfig",
           "parameters": [
             {
-              "name": "fieldType",
+              "name": "getSchema",
               "type": {
-                "text": "string"
+                "text": "GetGenesisSchema"
               }
             }
           ]
         },
         {
-          "kind": "variable",
-          "name": "dateFormatsWithLabels",
-          "type": {
-            "text": "array"
-          },
-          "default": "[\n  {\n    value: DateLocaleFormats.Unformatted,\n    label: `Unformatted`,\n  },\n  {\n    value: DateLocaleFormats.US,\n    label: `${DateLocaleFormats.US}`,\n  },\n  {\n    value: DateLocaleFormats.UK,\n    label: `${DateLocaleFormats.UK}`,\n  },\n]"
-        },
-        {
-          "kind": "variable",
-          "name": "DateTimeTokens",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  year: {\n    [DateYearFormats.Full]: 'yyyy',\n    [DateYearFormats.Digit]: 'yy',\n  },\n  month: {\n    [DateMonthFormats.Numeric]: 'M',\n    [DateMonthFormats.Digit]: 'MM',\n    [DateMonthFormats.Long]: 'MMMM',\n    [DateMonthFormats.Short]: 'MMM',\n  },\n  day: {\n    [DateStandardFormats.Numeric]: 'd',\n    [DateStandardFormats.Digit]: 'dd',\n  },\n  hour: {\n    [DateTimeFormats.Show]: 'HH',\n    [`${DateTimeFormats.Show}_12`]: 'hh',\n  },\n  minute: {\n    [DateTimeFormats.Show]: 'mm',\n  },\n  second: {\n    [DateTimeFormats.Show]: 'ss',\n  },\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "numericFormatsWithLabels",
-          "type": {
-            "text": "array"
-          },
-          "default": "[\n  {\n    value: NumericFormats.Unformatted,\n    label: `${NumericFormats.Unformatted}`,\n  },\n  {\n    value: NumericFormats.Financial,\n    label: `${NumericFormats.Financial} (1,000.12)`,\n  },\n  {\n    value: NumericFormats.Percent,\n    label: `${NumericFormats.Percent} (10.12%)`,\n  },\n  {\n    value: NumericFormats.SimpleDecimal,\n    label: `${NumericFormats.SimpleDecimal} (123.45)`,\n  },\n  {\n    value: NumericFormats.Currency,\n    label: `${NumericFormats.Currency} (£1,000.12)`,\n  },\n  {\n    value: NumericFormats.CurrencyRounded,\n    label: `${NumericFormats.CurrencyRounded} (£1,000)`,\n  },\n]"
+          "kind": "function",
+          "name": "findFirstValidDatasource",
+          "parameters": [
+            {
+              "name": "getSchema",
+              "type": {
+                "text": "GetGenesisSchema"
+              }
+            }
+          ]
         },
         {
-          "kind": "variable",
-          "name": "LocaleDateOrderMap",
-          "type": {
-            "text": "Record<DateLocaleFormats, (keyof typeof DateTimeTokens)[]>"
+          "kind": "function",
+          "name": "getDatasources",
+          "return": {
+            "type": {
+              "text": "Promise<DatasourceChoice[]>"
+            }
           },
-          "default": "{\n  [DateLocaleFormats.UK]: ['day', 'month', 'year'],\n  [DateLocaleFormats.US]: ['month', 'day', 'year'],\n  [DateLocaleFormats.Unformatted]: ['year', 'month', 'day'],\n}"
+          "parameters": [
+            {
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "isNumericFieldType",
+          "name": "createNewDatasourceConfig",
           "declaration": {
-            "name": "isNumericFieldType",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+            "name": "createNewDatasourceConfig",
+            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts"
           }
         },
         {
           "kind": "js",
-          "name": "dateFormatsWithLabels",
+          "name": "findFirstValidDatasource",
           "declaration": {
-            "name": "dateFormatsWithLabels",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+            "name": "findFirstValidDatasource",
+            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DateTimeTokens",
+          "name": "getDatasources",
           "declaration": {
-            "name": "DateTimeTokens",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+            "name": "getDatasources",
+            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/datasource-config/datasources-config-container.template.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "numericFormatsWithLabels",
-          "declaration": {
-            "name": "numericFormatsWithLabels",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
-          }
-        },
+          "kind": "variable",
+          "name": "template",
+          "default": "html<DatasourcesConfigContainer>`\n  <template>\n    ${whenElse(\n      (x) => !x.datasourceChoices,\n      html`\n        Unable to load datasources\n      `,\n      container,\n    )}\n  </template>\n`"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "LocaleDateOrderMap",
+          "name": "template",
           "declaration": {
-            "name": "LocaleDateOrderMap",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/data-transforms.types.ts"
+            "name": "template",
+            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/data-transforms-derived-fields/format-warning.ts",
+      "path": "src/new/main/edit-config/datasource-config/datasources-config-container.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FormatWarning",
+          "name": "DatasourcesConfigContainer",
           "members": [
             {
               "kind": "field",
-              "name": "warning",
+              "name": "connect",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "attributes": [
+                "text": "Connect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "getSchema",
+              "privacy": "private"
+            },
             {
+              "kind": "field",
+              "name": "initDatasource",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "datasourceChoices",
               "type": {
-                "text": "boolean"
+                "text": "DatasourceChoice[] | null"
               },
-              "default": "false",
-              "fieldName": "warning"
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "createNewDatasourceConfig",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getDatasources",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Fetch a list of datasources"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "format-warning",
+          "tagName": "datasource-config-container",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FormatWarning",
+          "name": "DatasourcesConfigContainer",
           "declaration": {
-            "name": "FormatWarning",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/format-warning.ts"
+            "name": "DatasourcesConfigContainer",
+            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "format-warning",
+          "name": "datasource-config-container",
           "declaration": {
-            "name": "FormatWarning",
-            "module": "src/new/main/edit-config/data-transforms-derived-fields/format-warning.ts"
+            "name": "DatasourcesConfigContainer",
+            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasource-config-container.styles.ts",
+      "path": "src/new/main/edit-config/datasource-config/types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n  div.container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  rapid-button.add {\n    display: flex;\n    margin: 5px;\n    background-color: var(--success-color);\n    min-width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    height: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n  }\n\n  rapid-button.add::part(control) {\n    padding: 0;\n  }\n`"
+          "kind": "function",
+          "name": "lookupColumnRename",
+          "return": {
+            "type": {
+              "text": "ColumnRenameAliasRowData"
+            }
+          },
+          "parameters": [
+            {
+              "name": "data",
+              "type": {
+                "text": "ColumnRenameAliasRowData"
+              }
+            }
+          ],
+          "description": "Adds display name info from store to the row data"
+        },
+        {
+          "kind": "function",
+          "name": "buildRenameCellStyle",
+          "parameters": [
+            {
+              "name": "rowDeselectedStyle",
+              "type": {
+                "text": "CellStyle"
+              }
+            },
+            {
+              "name": "rowSelectedStyle",
+              "default": "{}",
+              "type": {
+                "text": "CellStyle"
+              }
+            }
+          ],
+          "description": "Factory for creating cell styles based on filter status for rename grid cells"
+        },
+        {
+          "kind": "function",
+          "name": "displayNameOnChangeHandler",
+          "parameters": [
+            {
+              "name": "callback",
+              "type": {
+                "text": "() => any"
+              }
+            }
+          ],
+          "description": "Handler for display name changes in the grid"
+        },
+        {
+          "kind": "function",
+          "name": "renameRowSelectionChangedHandler",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "event",
+              "type": {
+                "text": "RowSelectedEvent<ColumnRenameAliasRowData>"
+              }
+            }
+          ],
+          "description": "Handler for row selection changes in the grid"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "lookupColumnRename",
           "declaration": {
-            "name": "styles",
-            "module": "src/new/main/edit-config/datasource-config/datasource-config-container.styles.ts"
+            "name": "lookupColumnRename",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buildRenameCellStyle",
+          "declaration": {
+            "name": "buildRenameCellStyle",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "displayNameOnChangeHandler",
+          "declaration": {
+            "name": "displayNameOnChangeHandler",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "renameRowSelectionChangedHandler",
+          "declaration": {
+            "name": "renameRowSelectionChangedHandler",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.helpers.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasource-config-item.styles.ts",
+      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css`\n  ${optionMessageBubble()}\n  ${formLabel}\n\n  div.container {\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  div.split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-combobox.datasource {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-combobox.datasource.error {\n    border-color: var(--error-color);\n  }\n\n  div.configs {\n    display: grid;\n    grid-template-columns: 5fr 2fr;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  rapid-text-field::part(root) {\n    height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1.35px);\n  }\n\n  rapid-select,\n  rapid-combobox,\n  rapid-text-field {\n    width: 100%;\n    min-width: unset;\n    height: 41px;\n  }\n\n  div.configs rapid-select,\n  div.configs rapid-combobox {\n    min-width: 20%;\n  }\n\n  rapid-select::part(listbox),\n  rapid-combobox::part(listbox) {\n    max-height: 20vh;\n  }\n\n  div.header {\n    display: grid;\n    grid-template-columns: 4fr 1fr;\n    margin-bottom: calc(var(--design-unit) * 1.2px);\n  }\n\n  div.close-button {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  rapid-button.close {\n    margin: 5px;\n    background-color: var(--error-color);\n    min-width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    width: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n    height: calc(var(--base-height-multiplier) * (var(--design-unit) - 1) * 1px);\n  }\n\n  rapid-button.close::part(control) {\n    padding: 0;\n  }\n`"
+          "default": "css`\n  div.grid-container {\n    width: 100%;\n    height: calc(var(--constrained-height) - 160px);\n  }\n\n  div.grid-container.error {\n    cursor: not-allowed;\n  }\n\n  div.error rapid-grid-pro {\n    pointer-events: none;\n    opacity: 80%;\n  }\n\n  rapid-grid-pro::part(grid) {\n    --base-height-multiplier: 9;\n    --ag-selected-row-background-color: transparent !important;\n  }\n`"
         }
       ],
       "exports": [
@@ -9806,19 +9970,19 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.styles.ts"
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasource-config-item.template.ts",
+      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.template.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "template",
-          "default": "html<DatasourceConfigItem>`\n  ${whenElse(\n    (x) => x.datasourceName && x.datasourceChoices,\n    component,\n    html`\n      Missing attributes\n    `,\n  )}\n`"
+          "default": "html<ColRenamesAliases>`\n  <div class=\"grid-container ${(x) => classNames(['error', x.dataError])}\">\n    <rapid-grid-pro\n      class=\"${(x) => classNames(['error', x.dataError])}\"\n      data-test-id=\"datasource-config-col-rename-grid\"\n      :gridOptions=${(x) => x.getGridOptions()}\n      :rowData=${(x) => x.fieldData}\n      grid-autosizing\n    ></rapid-grid-pro>\n  </div>\n`"
         }
       ],
       "exports": [
@@ -9827,387 +9991,223 @@
           "name": "template",
           "declaration": {
             "name": "template",
-            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.template.ts"
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasource-config-item.ts",
+      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DatasourceConfigItem",
+          "name": "ColRenamesAliases",
           "members": [
             {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
+              "kind": "method",
+              "name": "updateDataFields",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Override updateGridData to include column rename information",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "getSchema",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getGridOptions",
+              "return": {
+                "type": {
+                  "text": "GridOptionsConfig"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "datasourceName",
+              "name": "connect",
               "type": {
-                "text": "DatasourceName | null"
+                "text": "Connect"
               },
-              "default": "null"
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "datasourceChoices",
+              "name": "fieldData",
               "type": {
-                "text": "DatasourceChoice[] | null"
+                "text": "GridRowData[]"
               },
-              "default": "null"
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "groupingByFieldsNames",
+              "name": "dataError",
               "type": {
-                "text": "string[] | null"
+                "text": "boolean"
               },
-              "default": "null"
+              "default": "false",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "canRemove",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "name": "getSchema",
+              "privacy": "protected",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "datasourceSpec",
               "type": {
-                "text": "'below' | 'above'"
+                "text": "{ name: string; spec: JSONSchema7 }[]"
               },
-              "default": "'below'"
+              "privacy": "protected",
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "datasourceName",
               "type": {
-                "text": "'none' | 'invalid-datasource' | 'unknown'"
+                "text": "MultiDatasourceHandler['datasourceName']"
               },
-              "default": "'none'"
-            },
-            {
-              "kind": "method",
-              "name": "deleteDatasourceHandler"
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "updateKeyHandler",
-              "parameters": [
-                {
-                  "name": "newName",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "event",
-                  "optional": true,
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "datasourceNameChanged",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "updateOutputTypeHandler",
-              "parameters": [
-                {
-                  "name": "newType",
-                  "type": {
-                    "text": "DatasourceOutputTypes"
-                  }
-                }
-              ]
+              "name": "handleUpdatedDatasources",
+              "privacy": "protected",
+              "description": "Updates the datasource specifications based on the selected datasource key",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "updateGroupingStrategyHandler",
+              "name": "handleError",
+              "privacy": "protected",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "error",
                   "type": {
-                    "text": "DatasourceGroupingStrategy"
+                    "text": "Error"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updateGroupingByHandler",
-              "parameters": [
+                },
                 {
-                  "name": "value",
+                  "name": "body",
                   "type": {
                     "text": "string"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "updateDatasourceSourceHandler",
-              "parameters": [
-                {
-                  "name": "selectedOption",
-                  "type": {
-                    "text": "Combobox"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "can-remove",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "canRemove"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "'below' | 'above'"
-              },
-              "default": "'below'",
-              "fieldName": "position"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "'none' | 'invalid-datasource' | 'unknown'"
-              },
-              "default": "'none'",
-              "fieldName": "error"
+              ],
+              "description": "Common error handler",
+              "inheritedFrom": {
+                "name": "DatasourceDataBaseComponent",
+                "module": "src/new/main/edit-config/shared/datasource-data-base-component.ts"
+              }
             }
           ],
           "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
+            "name": "DatasourceDataBaseComponent",
+            "module": "/src/new/main/edit-config/shared"
           },
-          "tagName": "datasource-config-item",
+          "tagName": "col-rename-alias",
           "customElement": true
         }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DatasourceConfigItem",
-          "declaration": {
-            "name": "DatasourceConfigItem",
-            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "datasource-config-item",
-          "declaration": {
-            "name": "DatasourceConfigItem",
-            "module": "src/new/main/edit-config/datasource-config/datasource-config-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "createNewDatasourceConfig",
-          "parameters": [
-            {
-              "name": "getSchema",
-              "type": {
-                "text": "GetGenesisSchema"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "findFirstValidDatasource",
-          "parameters": [
-            {
-              "name": "getSchema",
-              "type": {
-                "text": "GetGenesisSchema"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getDatasources",
-          "return": {
-            "type": {
-              "text": "Promise<DatasourceChoice[]>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "createNewDatasourceConfig",
-          "declaration": {
-            "name": "createNewDatasourceConfig",
-            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts"
-          }
-        },
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "findFirstValidDatasource",
+          "name": "ColRenamesAliases",
           "declaration": {
-            "name": "findFirstValidDatasource",
-            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts"
+            "name": "ColRenamesAliases",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "getDatasources",
+          "kind": "custom-element-definition",
+          "name": "col-rename-alias",
           "declaration": {
-            "name": "getDatasources",
-            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.helpers.ts"
+            "name": "ColRenamesAliases",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasources-config-container.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "template",
-          "default": "html<DatasourcesConfigContainer>`\n  <template>\n    ${whenElse(\n      (x) => !x.datasourceChoices,\n      html`\n        Unable to load datasources\n      `,\n      container,\n    )}\n  </template>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "template",
-          "declaration": {
-            "name": "template",
-            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.template.ts"
-          }
-        }
-      ]
+      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-grid.types.ts",
+      "declarations": [],
+      "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/datasources-config-container.ts",
+      "path": "src/new/main/edit-config/col-rename-alias/col-rename-alias-tutorial.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DatasourcesConfigContainer",
-          "members": [
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "getSchema",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "initDatasource",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "datasourceChoices",
-              "type": {
-                "text": "DatasourceChoice[] | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "createNewDatasourceConfig",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getDatasources",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Fetch a list of datasources"
-            }
-          ],
+          "name": "ColRenamesAliasesTutorial",
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "datasource-config-container",
+          "tagName": "col-renames-aliases-tutorial",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DatasourcesConfigContainer",
+          "name": "ColRenamesAliasesTutorial",
           "declaration": {
-            "name": "DatasourcesConfigContainer",
-            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.ts"
+            "name": "ColRenamesAliasesTutorial",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-tutorial.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "datasource-config-container",
+          "name": "col-renames-aliases-tutorial",
           "declaration": {
-            "name": "DatasourcesConfigContainer",
-            "module": "src/new/main/edit-config/datasource-config/datasources-config-container.ts"
+            "name": "ColRenamesAliasesTutorial",
+            "module": "src/new/main/edit-config/col-rename-alias/col-rename-alias-tutorial.ts"
           }
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/datasource-config/types.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "src/new/main/edit-config/outputs-config/outputs-config.style.ts",
@@ -10816,49 +10816,232 @@
             },
             {
               "kind": "field",
-              "name": "enableSchedules",
+              "name": "enableSchedules",
+              "type": {
+                "text": "boolean"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "getTimeZones",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggleSchedule"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "scheduling-config",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Scheduling",
+          "declaration": {
+            "name": "Scheduling",
+            "module": "src/new/main/edit-config/scheduling/scheduling.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "scheduling-config",
+          "declaration": {
+            "name": "Scheduling",
+            "module": "src/new/main/edit-config/scheduling/scheduling.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/tabbed-datasource-container/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tabbed-datasource-container"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tabbed-datasource-container.types"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css`\n  :host {\n    ${constrainedDimensions({ navToContentPx: 150 })}\n  }\n\n  rapid-tabs {\n    display: contents;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "template",
+          "default": "html<TabbedDatasourceContainer>`\n  <template>\n    <slot name=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"></slot>\n    <rapid-tabs ${ref('tabs')}>\n      ${repeat(\n        (_) => Object.entries(selectors.datasourceConfig.getAllConfigSet()),\n        html<[DatasourceName, DatasourceConfig[DatasourceName]], TabbedDatasourceContainer>`\n          <rapid-tab @click=${(x, c) => c.parent.handleDatasourceChanged(x[0])}>\n            ${(x) => x[1].KEY}\n          </rapid-tab>\n        `,\n      )}\n      <!-- rapid-tab-panel unused for content, only used to make the rapid-tabs work correctly -->\n      ${repeat(\n        (_) => Object.entries(selectors.datasourceConfig.getAllConfigSet()),\n        html<[DatasourceName, DatasourceConfig[DatasourceName]], TabbedDatasourceContainer>`\n          <rapid-tab-panel></rapid-tab-panel>\n        `,\n      )}\n    </rapid-tabs>\n    <!-- real content goes into this slot -->\n    <div class=\"slot\"><slot></slot></div>\n  </template>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "template",
+          "declaration": {
+            "name": "template",
+            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This is a container which wraps up content which should\nimplement MultiDatasourceHandler interface, and this will\nhandle passing in the relevant `datasourceName` to it.\n\nThis uses rapid-tabs just for the tabs themselves, but\nperforms virtual tabbing by just using one slotted component\nbut changing the `datasourceName` attribute as you click through tabs\n\nThis uses the IntersectionObserver to know when the instance is visible (on the stepper steps) and if it's not then it supplies `null` as the `datasourceName` for the slotted content",
+          "name": "TabbedDatasourceContainer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "datasourceName",
+              "type": {
+                "text": "MultiDatasourceHandler['datasourceName']"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isActive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "tabs",
+              "type": {
+                "text": "Tabs"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isActiveChanged",
+              "parameters": [
+                {
+                  "name": "_"
+                },
+                {
+                  "name": "active",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "observer",
               "type": {
-                "text": "boolean"
+                "text": "IntersectionObserver"
               },
-              "readonly": true
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getTimeZones",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
+              "name": "handleDatasourceChanged",
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "MultiDatasourceHandler['datasourceName']"
+                  }
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "toggleSchedule"
+              ]
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "scheduling-config",
+          "tagName": "tabbed-datasource-container",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Scheduling",
+          "name": "TabbedDatasourceContainer",
           "declaration": {
-            "name": "Scheduling",
-            "module": "src/new/main/edit-config/scheduling/scheduling.ts"
+            "name": "TabbedDatasourceContainer",
+            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "scheduling-config",
+          "name": "tabbed-datasource-container",
           "declaration": {
-            "name": "Scheduling",
-            "module": "src/new/main/edit-config/scheduling/scheduling.ts"
+            "name": "TabbedDatasourceContainer",
+            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.types.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TABBED_DATASOURCE_HEADER_SLOT",
+          "type": {
+            "text": "string"
+          },
+          "default": "'before-tabs'"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TABBED_DATASOURCE_HEADER_SLOT",
+          "declaration": {
+            "name": "TABBED_DATASOURCE_HEADER_SLOT",
+            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.types.ts"
           }
         }
       ]
@@ -11452,189 +11635,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/tabbed-datasource-container/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tabbed-datasource-container"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tabbed-datasource-container.types"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css`\n  :host {\n    ${constrainedDimensions({ navToContentPx: 150 })}\n  }\n\n  rapid-tabs {\n    display: contents;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "template",
-          "default": "html<TabbedDatasourceContainer>`\n  <template>\n    <slot name=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"></slot>\n    <rapid-tabs ${ref('tabs')}>\n      ${repeat(\n        (_) => Object.entries(selectors.datasourceConfig.getAllConfigSet()),\n        html<[DatasourceName, DatasourceConfig[DatasourceName]], TabbedDatasourceContainer>`\n          <rapid-tab @click=${(x, c) => c.parent.handleDatasourceChanged(x[0])}>\n            ${(x) => x[1].KEY}\n          </rapid-tab>\n        `,\n      )}\n      <!-- rapid-tab-panel unused for content, only used to make the rapid-tabs work correctly -->\n      ${repeat(\n        (_) => Object.entries(selectors.datasourceConfig.getAllConfigSet()),\n        html<[DatasourceName, DatasourceConfig[DatasourceName]], TabbedDatasourceContainer>`\n          <rapid-tab-panel></rapid-tab-panel>\n        `,\n      )}\n    </rapid-tabs>\n    <!-- real content goes into this slot -->\n    <div class=\"slot\"><slot></slot></div>\n  </template>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "template",
-          "declaration": {
-            "name": "template",
-            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "This is a container which wraps up content which should\nimplement MultiDatasourceHandler interface, and this will\nhandle passing in the relevant `datasourceName` to it.\n\nThis uses rapid-tabs just for the tabs themselves, but\nperforms virtual tabbing by just using one slotted component\nbut changing the `datasourceName` attribute as you click through tabs\n\nThis uses the IntersectionObserver to know when the instance is visible (on the stepper steps) and if it's not then it supplies `null` as the `datasourceName` for the slotted content",
-          "name": "TabbedDatasourceContainer",
-          "members": [
-            {
-              "kind": "field",
-              "name": "datasourceName",
-              "type": {
-                "text": "MultiDatasourceHandler['datasourceName']"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isActive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "tabs",
-              "type": {
-                "text": "Tabs"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "isActiveChanged",
-              "parameters": [
-                {
-                  "name": "_"
-                },
-                {
-                  "name": "active",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "observer",
-              "type": {
-                "text": "IntersectionObserver"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDatasourceChanged",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "MultiDatasourceHandler['datasourceName']"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "tabbed-datasource-container",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TabbedDatasourceContainer",
-          "declaration": {
-            "name": "TabbedDatasourceContainer",
-            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "tabbed-datasource-container",
-          "declaration": {
-            "name": "TabbedDatasourceContainer",
-            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.types.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "TABBED_DATASOURCE_HEADER_SLOT",
-          "type": {
-            "text": "string"
-          },
-          "default": "'before-tabs'"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TABBED_DATASOURCE_HEADER_SLOT",
-          "declaration": {
-            "name": "TABBED_DATASOURCE_HEADER_SLOT",
-            "module": "src/new/main/edit-config/tabbed-datasource-container/tabbed-datasource-container.types.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/old/components/wizard/steps/filters.ts",