@sankhyalabs/sankhyablocks 1.3.34 → 1.4.0-beta.10

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -0,0 +1,339 @@
+import { ApplicationContext } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { TaskbarElement, buildElem, AuthorizationElements, buildCustomButton, VisibleWhenForbidden } from './elements/taskbar-elements';
+export class SnkTaskbar {
+  constructor() {
+    this._titleKeyByElement = {
+      [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
+      [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
+      [TaskbarElement.NEXT]: "snkTaskbar.titleNext",
+      [TaskbarElement.REFRESH]: "snkTaskbar.titleRefresh",
+      [TaskbarElement.CLONE]: "snkTaskbar.titleClone",
+      [TaskbarElement.REMOVE]: "snkTaskbar.titleRemove",
+      [TaskbarElement.MORE_OPTIONS]: "snkTaskbar.titleMoreOptions",
+      [TaskbarElement.INSERT]: "snkTaskbar.titleInsert",
+      [TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
+      [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
+      [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
+      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
+      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
+    };
+  }
+  observeButtons() {
+    this._definitions = undefined;
+  }
+  // Internal methods
+  elementsFromString(strButtons) {
+    const elements = [];
+    if (strButtons) {
+      strButtons.split(",").forEach(buttonName => {
+        buttonName = buttonName.trim();
+        if (VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
+          elements.push(buttonName.trim());
+        }
+      });
+    }
+    return elements;
+  }
+  isAllowed(buttonName) {
+    if (AuthorizationElements[buttonName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
+    }
+    return true;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-taskbar.msg.ts"
+   */
+  getTitle(element) {
+    let key;
+    if (this.isAllowed(element)) {
+      key = this._titleKeyByElement[element];
+    }
+    else {
+      key = "snkTaskbar.forbidden";
+    }
+    return key ? this._application.messagesBuilder.getMessage(key, {}) : "";
+  }
+  elementClick(elem) {
+    if (this.dataUnit) {
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          this.dataUnit.saveData();
+          break;
+      }
+    }
+    this.actionClick.emit(elem);
+  }
+  isEnabled(elem) {
+    if (!this.isAllowed(elem)) {
+      return false;
+    }
+    return !(this.disabledButtons && this.disabledButtons.includes(elem));
+  }
+  getElement(index, def) {
+    let className = def === this.primaryButton ? "ez-button--primary " : "";
+    if (index > 1) {
+      className += "ez-padding-left--medium";
+    }
+    if (TaskbarElement[def.toString()]) {
+      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName);
+    }
+    else {
+      return buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
+    }
+  }
+  // Lifecycle
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getAllAccess().then(access => this._permissions = access);
+    }
+    else {
+      this._permissions = {};
+    }
+  }
+  componentWillRender() {
+    if (this._definitions == undefined && this._permissions) {
+      this._definitions = this.elementsFromString(this.buttons);
+    }
+  }
+  render() {
+    if (this._definitions === undefined) {
+      return undefined;
+    }
+    let index = 0;
+    return (h(Host, null, this._definitions.map((elem) => {
+      if (elem === TaskbarElement.DIVIDER) {
+        index = 0;
+      }
+      else {
+        index++;
+      }
+      if (TaskbarElement[elem]) {
+        return this.getElement(index, TaskbarElement[elem]);
+      }
+      if (this.customButtons.has(elem)) {
+        return this.getElement(index, this.customButtons.get(elem));
+      }
+      return h("slot", { name: elem });
+    })));
+  }
+  static get is() { return "snk-taskbar"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-taskbar.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-taskbar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para guardar/recuperar as configura\u00E7\u00F5es do formul\u00E1rio"
+        },
+        "attribute": "config-name",
+        "reflect": false
+      },
+      "buttons": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista separada por virgula, contendo todos os elementos a serem criados"
+        },
+        "attribute": "buttons",
+        "reflect": false
+      },
+      "customButtons": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Map<string, CustomButton>",
+          "resolved": "Map<string, CustomButton>",
+          "references": {
+            "Map": {
+              "location": "global"
+            },
+            "CustomButton": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Mapa com defini\u00E7\u00E3o de bot\u00F5es personalizados. A chave do mapa deve ser \npassada na lista \"buttons\" no lugar onde o bot\u00E3o ir\u00E1 aparecer."
+        }
+      },
+      "actionsList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\""
+        }
+      },
+      "primaryButton": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Qual bot\u00E3o deve ter apar\u00EAncia prim\u00E1ria"
+        },
+        "attribute": "primary-button",
+        "reflect": false
+      },
+      "disabledButtons": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<string>",
+          "resolved": "string[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Array contendo todos os bot\u00F5es a serem desabilitados"
+        }
+      },
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Inst\u00E2ncia do DataUnit"
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_permissions": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "actionClick",
+        "name": "actionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "actionChange",
+        "name": "actionChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver altera\u00E7\u00E3o em algum elemento aberto pelo bot\u00E3o de a\u00E7\u00E3o"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "buttons",
+        "methodName": "observeButtons"
+      }];
+  }
+}

package/dist/collection/components/teste-pesquisa/teste-pesquisa.js

@@ -1,5 +1,5 @@
 import { DataType, DataUnit, UserInterface } from '@sankhyalabs/core';
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class TestePesquisa {
   componentWillLoad() {
     this.dataUnit = new DataUnit("testes_com_formulario");
@@ -19,15 +19,18 @@ export class TestePesquisa {
     };
   }
   render() {
-    return (h("snk-application", null,
-      h("ez-form", { dataUnit: this.dataUnit })));
+    return (h("snk-application", null, h("ez-form", { dataUnit: this.dataUnit })));
   }
   static get is() { return "teste-pesquisa"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["teste-pesquisa.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["teste-pesquisa.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["teste-pesquisa.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["teste-pesquisa.css"]
+    };
+  }
 }

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -1,4 +1,4 @@
-import { ErrorException } from '@sankhyalabs/core';
+import { ErrorException, WarningException } from '@sankhyalabs/core';
 import { batchRequests } from 'graphql-request';
 import UrlUtils from "../../../lib/utils/urlutils";
 import { StringUtils } from '@sankhyalabs/core';
@@ -33,6 +33,27 @@ export class DataFetcher {
       DataFetcher.requestListener.splice(index, 1);
     }
   }
+  processErrorInfo(errors) {
+    var _a, _b;
+    const POSITION_ERROR_INFO = 0;
+    const errorTitle = "Falha detectada";
+    const error = errors[POSITION_ERROR_INFO];
+    if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
+      const errorInfo = error[POSITION_ERROR_INFO];
+      const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
+      const errorLevel = ((_a = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _a === void 0 ? void 0 : _a.level) ? errorInfo.extensions.level : "ERROR";
+      const errorCode = ((_b = errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.extensions) === null || _b === void 0 ? void 0 : _b.code) ? errorInfo.extensions.code : "";
+      switch (errorLevel) {
+        case "WARNING":
+          return new WarningException(errorTitle, errorMessage, errorCode);
+        default:
+          return new ErrorException(errorTitle, errorMessage, errorCode);
+      }
+    }
+    else {
+      return new ErrorException(errorTitle, "Não há informações sobre o erro");
+    }
+  }
   async callGraphQL(req) {
     var _a;
     const reqKey = this.getReqKey(req);
@@ -43,7 +64,8 @@ export class DataFetcher {
         let query = this.getQueryTemplate(req);
         const res = await this.fecthGrapql([{ document: query, variables: req.values }]);
         if (res.errors.length > 0) {
-          reject(new ErrorException("Falha detectada", res.errors[0][0].message));
+          const error = this.processErrorInfo(res.errors);
+          reject(error);
         }
         else {
           resolve(res.data[0][reqKey]);
@@ -60,23 +82,26 @@ export class DataFetcher {
   resolveURL() {
     return UrlUtils.getUrlBase();
   }
-  getContext() {
+  getContext(module) {
+    var _a;
     const urlParams = UrlUtils.getQueryParams(location.search);
     return {
-      baseUrl: `${this.resolveURL()}/mge/service.sbr`,
+      baseUrl: `${this.resolveURL()}/${module}/service.sbr`,
       appName: "SankhyaBlocks",
-      mgeSession: `${window['skw_session'] || urlParams.mgeSession}`,
+      mgeSession: `${window['skw_session'] || urlParams.get("mgeSession")}`,
       globalID: "85C0093DFA240EAB699B4E47A10215BD",
-      resourceID: "br.com.sankhya.mov.bancaria"
+      resourceID: (window["resourceID"] || ((_a = window["workspace"]) === null || _a === void 0 ? void 0 : _a.resourceID))
     };
   }
   async callServiceBroker(serviceName, payload) {
     return new Promise((accept, reject) => {
-      const ctx = this.getContext();
-      const url = `${ctx.baseUrl}?serviceName=${serviceName}&counter=21&application=${ctx.appName}&outputType=json&preventTransform=false&mgeSession=${ctx.mgeSession}&resourceID=${ctx.resourceID}&globalID=${ctx.globalID}&allowConcurrentCalls=true`;
+      const parts = serviceName.split("@");
+      const [module, name] = parts.length === 2 ? parts : ['mge', serviceName];
+      const ctx = this.getContext(module);
+      const url = `${ctx.baseUrl}?serviceName=${name}&counter=21&application=${ctx.appName}&outputType=json&preventTransform=false&mgeSession=${ctx.mgeSession}&resourceID=${ctx.resourceID}&globalID=${ctx.globalID}&allowConcurrentCalls=true`;
       document.cookie = `JSESSIONID=${ctx.mgeSession};`;
       const http = new XMLHttpRequest();
-      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url }));
+      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: payload }));
       http.open("POST", url, true);
       http.withCredentials = true;
       http.send(payload);
@@ -95,11 +120,11 @@ export class DataFetcher {
             console.warn(`callServiceBroker error to parser response to JSON ${e}`);
             reject(this.responseText);
           }
-          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload }));
         }
         else if (this.readyState == 4 && this.status != 200) {
           reject(this.responseText);
-          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+          DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload }));
         }
       };
     });
@@ -155,7 +180,7 @@ export class DataFetcher {
     if (window['skw_session']) {
       url += `?mgeSession=${window['skw_session']}`;
     }
-    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url }));
+    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: request }));
     try {
       res = await batchRequests(url, request, { 'Content-Type': `application/json; charset=${window['SERVER_ENCODING'] || 'UTF-8'}` });
       res.forEach((resItem, index) => {
@@ -186,11 +211,11 @@ export class DataFetcher {
         });
       }
       else {
-        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: request }));
         throw new ErrorException("Falha de comunicação", err.message);
       }
     }
-    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url }));
+    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: request }));
     return { data: dataResponse, errors: errorsResponse };
   }
   isHttpError(err) {

package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js

@@ -1,9 +1,10 @@
-import { DataUnit, ChangeOperation, StringUtils, DataType, } from "@sankhyalabs/core";
-import { DataFetcher } from "../DataFetcher";
+import { ChangeOperation, DataType, DataUnit, StringUtils } from "@sankhyalabs/core";
 import { gql } from "graphql-request";
+import { DataFetcher } from "../DataFetcher";
 export default class DataUnitFetcher {
   constructor() {
     this.templateByQuery = new Map();
+    this._loadDataTimeout = {};
     this.buldTemplates();
   }
   buldTemplates() {
@@ -32,9 +33,9 @@ export default class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
+    this.templateByQuery.set("fetchData", gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(limit: $limit offset: $offset filters: $filter sort: $sort){
+              data(limit: $limit offset: $offset filters: $filters sort: $sort){
                 limit
                 offset
                 total
@@ -59,13 +60,25 @@ export default class DataUnitFetcher {
               }
             }
           }`);
+    this.templateByQuery.set("fetchDataRecord", gql `query($dataunit: String! $recordID: [String!]) {
+            $queryAlias$: fetchDataUnit(name: $dataunit){
+              record(id: $recordID){
+                id
+                fields {
+                  name
+                  value
+                }    
+              }
+            }
+          }`);
   }
   getDataUnit(entityName, resourceID) {
     const dataUnit = new DataUnit(`dd://${entityName}/${resourceID}`);
     dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
-    dataUnit.dataLoader = (dataUnit, page, sort, filters) => this.loadData(dataUnit, page, sort, filters);
+    dataUnit.dataLoader = (dataUnit, request) => this.loadData(dataUnit, request);
     dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
     dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
+    dataUnit.recordLoader = (dataUnit, recordIds) => this.loadRecord(dataUnit, recordIds);
     return dataUnit;
   }
   loadMetadata(dataUnit) {
@@ -100,25 +113,39 @@ export default class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, page, sort, filter) {
+  loadData(dataUnit, request) {
+    const duName = dataUnit.name;
+    if (this._loadDataTimeout[duName]) {
+      clearTimeout(this._loadDataTimeout[duName]);
+      delete this._loadDataTimeout[duName];
+    }
     return new Promise((resolve, reject) => {
-      var _a, _b, _c;
-      const variables = { dataunit: dataUnit.name, sort, filter };
-      if (page) {
-        variables.limit = page.limit;
-        variables.offset = page.offset;
-      }
-      if (!StringUtils.isEmpty((_a = page === null || page === void 0 ? void 0 : page.quickFilter) === null || _a === void 0 ? void 0 : _a.term)) {
+      this._loadDataTimeout[duName] = setTimeout(() => {
+        delete this._loadDataTimeout[duName];
+        this.doLoadData(dataUnit, request)
+          .then(result => resolve(result))
+          .catch(reason => reject(reason));
+      }, 200);
+    });
+  }
+  doLoadData(dataUnit, request) {
+    return new Promise((resolve, reject) => {
+      var _a;
+      const { sort, filters, limit, offset, quickFilter } = request;
+      const variables = { dataunit: dataUnit.name, sort, filters };
+      variables.limit = limit;
+      variables.offset = offset;
+      if (!StringUtils.isEmpty(quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.term)) {
         if (variables.filter === undefined) {
           variables.filter = [];
         }
         const quickFilterCriteria = {
           name: "__QUICK_FILTER__",
           expression: "__QUICK_FILTER__",
-          params: [{ name: "term", dataType: DataType.TEXT, value: page.quickFilter.term }]
+          params: [{ name: "term", dataType: DataType.TEXT, value: quickFilter.term }]
         };
-        if (((_c = (_b = page.quickFilter) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: page.quickFilter.fields });
+        if (((_a = quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.fields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: quickFilter.fields });
         }
         variables.filter.push(quickFilterCriteria);
       }
@@ -128,16 +155,32 @@ export default class DataUnitFetcher {
         query: this.templateByQuery.get("fetchData"),
       })
         .then((resp) => {
-        const pageResult = resp.data;
-        const records = [];
-        pageResult.records.forEach((responseRecord) => {
+        const { limit, offset, total, hasMore, records } = resp.data;
+        let paginationInfo;
+        if (limit) {
+          const firstRecord = total == 0 ? 0 : offset + 1;
+          const lastRecord = offset + Math.min(records.length, limit);
+          const currentPage = offset / limit;
+          paginationInfo = {
+            firstRecord,
+            lastRecord,
+            total,
+            currentPage,
+            hasMore
+          };
+        }
+        const processedRecords = [];
+        records.forEach((responseRecord) => {
           const duRecord = { __record__id__: responseRecord.id };
           responseRecord.fields.forEach(({ name, value }) => {
             duRecord[name] = dataUnit.valueFromString(name, value);
           });
-          records.push(duRecord);
+          processedRecords.push(duRecord);
+        });
+        resolve({
+          paginationInfo,
+          records: processedRecords
         });
-        resolve(Object.assign(Object.assign({}, pageResult), { records }));
       })
         .catch((error) => {
         reject(error);
@@ -204,4 +247,27 @@ export default class DataUnitFetcher {
       });
     });
   }
+  loadRecord(dataUnit, recordIds) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { recordID: recordIds, dataunit: dataUnit.name },
+        query: this.templateByQuery.get("fetchDataRecord"),
+      })
+        .then((response) => {
+        const dataUnitRecords = [];
+        response.record.forEach(responseRecord => {
+          const duRecord = { __record__id__: responseRecord.id };
+          responseRecord.fields.forEach(({ name, value }) => {
+            duRecord[name] = dataUnit.valueFromString(name, value);
+          });
+          dataUnitRecords.push(duRecord);
+        });
+        resolve(dataUnitRecords);
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }