datajunction-ui 0.0.1-a35.dev0 → 0.0.1-a37

package/src/app/services/DJService.js

@@ -146,6 +146,61 @@ export const DataJunctionAPI = {
     }
   },
 
+  createCube: async function (
+    name,
+    display_name,
+    description,
+    mode,
+    metrics,
+    dimensions,
+    filters,
+  ) {
+    const response = await fetch(`${DJ_URL}/nodes/cube`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        name: name,
+        display_name: display_name,
+        description: description,
+        metrics: metrics,
+        dimensions: dimensions,
+        filters: filters,
+        mode: mode,
+      }),
+      credentials: 'include',
+    });
+    return { status: response.status, json: await response.json() };
+  },
+
+  patchCube: async function (
+    name,
+    display_name,
+    description,
+    mode,
+    metrics,
+    dimensions,
+    filters,
+  ) {
+    const response = await fetch(`${DJ_URL}/nodes/${name}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        display_name: display_name,
+        description: description,
+        metrics: metrics,
+        dimensions: dimensions,
+        filters: filters || [],
+        mode: mode,
+      }),
+      credentials: 'include',
+    });
+    return { status: response.status, json: await response.json() };
+  },
+
   registerTable: async function (catalog, schema, table) {
     const response = await fetch(
       `${DJ_URL}/register/table/${catalog}/${schema}/${table}`,
@@ -641,13 +696,7 @@ export const DataJunctionAPI = {
     );
     return { status: response.status, json: await response.json() };
   },
-  materialize: async function (
-    nodeName,
-    engineName,
-    engineVersion,
-    schedule,
-    config,
-  ) {
+  materialize: async function (nodeName, jobType, strategy, schedule, config) {
     const response = await fetch(
       `${DJ_URL}/nodes/${nodeName}/materialization`,
       {
@@ -656,12 +705,10 @@ export const DataJunctionAPI = {
           'Content-Type': 'application/json',
         },
         body: JSON.stringify({
-          engine: {
-            name: engineName,
-            version: engineVersion,
-          },
+          job: jobType,
+          strategy: strategy,
           schedule: schedule,
-          config: JSON.parse(config),
+          config: config,
         }),
         credentials: 'include',
       },
@@ -701,4 +748,11 @@ export const DataJunctionAPI = {
     });
     return await response.json();
   },
+  materializationInfo: async function () {
+    return await (
+      await fetch(`${DJ_URL}/materialization/info`, {
+        credentials: 'include',
+      })
+    ).json();
+  },
 };

package/src/app/services/__tests__/DJService.test.jsx

@@ -140,6 +140,73 @@ describe('DataJunctionAPI', () => {
     });
   });
 
+  it('calls createCube correctly', async () => {
+    const sampleArgs = [
+      'default.node_name',
+      'Node Display Name',
+      'Some readable description',
+      'draft',
+      ['default.num_repair_orders'],
+      [
+        'default.date_dim.year',
+        'default.date_dim.month',
+        'default.date_dim.day',
+      ],
+      [],
+    ];
+    fetch.mockResponseOnce(JSON.stringify({}));
+    await DataJunctionAPI.createCube(...sampleArgs);
+    expect(fetch).toHaveBeenCalledWith(`${DJ_URL}/nodes/cube`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        name: sampleArgs[0],
+        display_name: sampleArgs[1],
+        description: sampleArgs[2],
+        metrics: sampleArgs[4],
+        dimensions: sampleArgs[5],
+        filters: sampleArgs[6],
+        mode: sampleArgs[3],
+      }),
+      credentials: 'include',
+    });
+  });
+
+  it('calls patchCube correctly', async () => {
+    const sampleArgs = [
+      'default.node_name',
+      'Node Display Name',
+      'Some readable description',
+      'draft',
+      ['default.num_repair_orders'],
+      [
+        'default.date_dim.year',
+        'default.date_dim.month',
+        'default.date_dim.day',
+      ],
+      [],
+    ];
+    fetch.mockResponseOnce(JSON.stringify({}));
+    await DataJunctionAPI.patchCube(...sampleArgs);
+    expect(fetch).toHaveBeenCalledWith(`${DJ_URL}/nodes/default.node_name`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        display_name: sampleArgs[1],
+        description: sampleArgs[2],
+        metrics: sampleArgs[4],
+        dimensions: sampleArgs[5],
+        filters: sampleArgs[6],
+        mode: sampleArgs[3],
+      }),
+      credentials: 'include',
+    });
+  });
+
   it('calls upstreams correctly', async () => {
     const nodeName = 'sampleNode';
     fetch.mockResponseOnce(JSON.stringify({}));
@@ -759,10 +826,10 @@ describe('DataJunctionAPI', () => {
     fetch.mockResponseOnce(JSON.stringify({}));
     await DataJunctionAPI.materialize(
       'default.hard_hat',
-      'spark',
-      '3.3',
+      'spark_sql',
+      'full',
       '@daily',
-      '{}',
+      {},
     );
     expect(fetch).toHaveBeenCalledWith(
       `${DJ_URL}/nodes/default.hard_hat/materialization`,
@@ -772,10 +839,8 @@ describe('DataJunctionAPI', () => {
           'Content-Type': 'application/json',
         },
         body: JSON.stringify({
-          engine: {
-            name: 'spark',
-            version: '3.3',
-          },
+          job: 'spark_sql',
+          strategy: 'full',
           schedule: '@daily',
           config: {},
         }),

package/src/styles/index.css

@@ -543,6 +543,10 @@ tbody th {
   font-size: 12px;
 }
 
+.dimension_option_subheading:empty {
+  display: none;
+}
+
 .upstreams {
   width: 260px;
   display: flex;

package/src/styles/node-creation.scss

@@ -39,6 +39,13 @@ form {
     padding: 0 20px;
   }
 
+  .CubeCreationInput {
+    margin: 0.5rem 0;
+    display: inline-grid;
+    width: 75%;
+    padding: 0 20px;
+  }
+
   .DisplayNameInput,
   .FullNameInput,
   .NamespaceInput {
@@ -195,3 +202,8 @@ form {
   width: 20%;
   padding: 0 20px;
 }
+
+.HighlightPath {
+  background: #f5efff;
+  padding: 5px;
+}