rename spark to extension in ui

www/src/components/Table/TableHeader/Sparks/SparkList.tsx

@@ -96,14 +96,14 @@ export default function SparkList({
         marginTop={"0px !important"}
       >
         <Typography variant="overline">
-          SPARKS ({activeSparkCount}/{sparks.length})
+          EXTENSION ({activeSparkCount}/{sparks.length})
         </Typography>
         <Button
           startIcon={<AddIcon />}
           onClick={handleAddButton}
           ref={addButtonRef}
         >
-          ADD SPARK
+          ADD EXTENTION
         </Button>
         <Menu
           anchorEl={anchorEl}
@@ -126,9 +126,9 @@ export default function SparkList({
       <Box className={classes.sparkList}>
         {sparks.length === 0 && (
           <EmptyState
-            message="Add your first spark"
+            message="Add your first extension"
             description={
-              "When you add sparks, your sparks should be shown here."
+              "When you add extentions, your extentions should be shown here."
             }
             Icon={EmptyIcon}
             className={classes.hoverableEmptyState}

www/src/components/Table/TableHeader/Sparks/SparkModal.tsx

@@ -34,7 +34,7 @@ const additionalVariables = [
   },
   {
     key: "triggerType",
-    description: "triggerType indicates the type of the spark invocation",
+    description: "triggerType indicates the type of the extention invocation",
   },
   {
     key: "fieldTypes",
@@ -184,7 +184,7 @@ export default function SparkModal({
           startIcon={<BackIcon />}
           onClick={handleClose}
         >
-          SPARKS
+          EXTENSIONS
         </Button>
       }
       children={
@@ -205,8 +205,8 @@ export default function SparkModal({
                 size="small"
                 label={
                   edited && !sparkObject.name.length
-                    ? "Spark name (required)"
-                    : "Spark name"
+                    ? "Extension name (required)"
+                    : "Extension name"
                 }
                 variant="filled"
                 fullWidth
@@ -234,15 +234,15 @@ export default function SparkModal({
               >
                 <Switch color="primary" checked={sparkObject.active} />
                 <Typography>
-                  Spark is {!sparkObject.active && "de"}activated
+                  Extention is {!sparkObject.active && "de"}activated
                 </Typography>
               </Box>
             </Grid>
             <Grid item xs={4}>
-              <Tooltip title="Spark type cannot be changed once created.">
+              <Tooltip title="Extension type cannot be changed once created.">
                 <TextField
                   size="small"
-                  label="Spark Type"
+                  label="Extension Type"
                   value={sparkObject.type}
                   variant="filled"
                   fullWidth
@@ -508,11 +508,11 @@ export default function SparkModal({
           onClick: () => {
             let warningMessage;
             if (!validation.condition && !validation.sparkBody) {
-              warningMessage = "Condition and spark body are not valid";
+              warningMessage = "Condition and extention body are not valid";
             } else if (!validation.condition) {
               warningMessage = "Condition is not valid";
             } else if (!validation.sparkBody) {
-              warningMessage = "Spark body is not valid";
+              warningMessage = "Extention body is not valid";
             }
 
             if (warningMessage) {

www/src/components/Table/TableHeader/Sparks/index.tsx

@@ -182,7 +182,7 @@ export default function SparksEditor() {
   return (
     <>
       <TableHeaderButton
-        title="Sparks"
+        title="Extensions"
         onClick={() => setOpen(true)}
         icon={<SparkIcon />}
       />
@@ -193,7 +193,7 @@ export default function SparksEditor() {
           onClose={handleClose}
           maxWidth="sm"
           fullWidth
-          title={<>Sparks</>}
+          title={<>Extensions</>}
           children={
             <>
               <Breadcrumbs aria-label="breadcrumb">

www/src/components/Table/TableHeader/Sparks/utils.ts

@@ -160,7 +160,7 @@ const sparkBodyTemplate = {
 
 function emptySparkObject(type: ISparkType, user: ISparkEditor): ISpark {
   return {
-    name: "Untitled spark",
+    name: "Untitled extension",
     active: false,
     triggers: [],
     type,