@sankhyalabs/sankhyablocks 1.3.30 → 1.3.31-beta.3

package/dist/components/snk-application2.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ErrorException, StringUtils, DataUnit, DataType, ChangeOperation, DateUtils, ObjectUtils, WaitingChangeException, WarningException, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
+import { ErrorException, StringUtils, DataUnit, DataType, ChangeOperation, DateUtils, ObjectUtils, WaitingChangeException, WarningException, DependencyType, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { DependencyType } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1233,7 +1232,7 @@ function isNode(maybeNode) {
 }
 /** Name */
 
-let OperationTypeNode;
+var OperationTypeNode;
 exports.OperationTypeNode = OperationTypeNode;
 
 (function (OperationTypeNode) {
@@ -1253,13 +1252,7 @@ exports.DirectiveLocation = void 0;
 /**
  * The set of allowed directive location values.
  */
-let DirectiveLocation;
-/**
- * The enum type representing the directive location values.
- *
- * @deprecated Please use `DirectiveLocation`. Will be remove in v17.
- */
-
+var DirectiveLocation;
 exports.DirectiveLocation = DirectiveLocation;
 
 (function (DirectiveLocation) {
@@ -1283,6 +1276,11 @@ exports.DirectiveLocation = DirectiveLocation;
   DirectiveLocation['INPUT_OBJECT'] = 'INPUT_OBJECT';
   DirectiveLocation['INPUT_FIELD_DEFINITION'] = 'INPUT_FIELD_DEFINITION';
 })(DirectiveLocation || (exports.DirectiveLocation = DirectiveLocation = {}));
+/**
+ * The enum type representing the directive location values.
+ *
+ * @deprecated Please use `DirectiveLocation`. Will be remove in v17.
+ */
 });
 
 var kinds = createCommonjsModule(function (module, exports) {
@@ -1295,13 +1293,7 @@ exports.Kind = void 0;
 /**
  * The set of allowed kind values for AST nodes.
  */
-let Kind;
-/**
- * The enum type representing the possible kind values of AST nodes.
- *
- * @deprecated Please use `Kind`. Will be remove in v17.
- */
-
+var Kind;
 exports.Kind = Kind;
 
 (function (Kind) {
@@ -1349,6 +1341,11 @@ exports.Kind = Kind;
   Kind['ENUM_TYPE_EXTENSION'] = 'EnumTypeExtension';
   Kind['INPUT_OBJECT_TYPE_EXTENSION'] = 'InputObjectTypeExtension';
 })(Kind || (exports.Kind = Kind = {}));
+/**
+ * The enum type representing the possible kind values of AST nodes.
+ *
+ * @deprecated Please use `Kind`. Will be remove in v17.
+ */
 });
 
 var characterClasses = createCommonjsModule(function (module, exports) {
@@ -1636,13 +1633,7 @@ exports.TokenKind = void 0;
  * An exported enum describing the different kinds of tokens that the
  * lexer emits.
  */
-let TokenKind;
-/**
- * The enum type representing the token kinds values.
- *
- * @deprecated Please use `TokenKind`. Will be remove in v17.
- */
-
+var TokenKind;
 exports.TokenKind = TokenKind;
 
 (function (TokenKind) {
@@ -1669,6 +1660,11 @@ exports.TokenKind = TokenKind;
   TokenKind['BLOCK_STRING'] = 'BlockString';
   TokenKind['COMMENT'] = 'Comment';
 })(TokenKind || (exports.TokenKind = TokenKind = {}));
+/**
+ * The enum type representing the token kinds values.
+ *
+ * @deprecated Please use `TokenKind`. Will be remove in v17.
+ */
 });
 
 var lexer = createCommonjsModule(function (module, exports) {
@@ -3005,12 +3001,13 @@ function parseType(source, options) {
  */
 
 class Parser {
-  constructor(source$1, options) {
+  constructor(source$1, options = {}) {
     const sourceObj = (0, source.isSource)(source$1)
       ? source$1
       : new source.Source(source$1);
     this._lexer = new lexer.Lexer(sourceObj);
     this._options = options;
+    this._tokenCounter = 0;
   }
   /**
    * Converts a name lex token into a name parse node.
@@ -3345,18 +3342,12 @@ class Parser {
    */
 
   parseFragmentDefinition() {
-    var _this$_options;
-
     const start = this._lexer.token;
     this.expectKeyword('fragment'); // Legacy support for defining variables within fragments changes
     // the grammar of FragmentDefinition:
     //   - fragment FragmentName VariableDefinitions? on TypeCondition Directives? SelectionSet
 
-    if (
-      ((_this$_options = this._options) === null || _this$_options === void 0
-        ? void 0
-        : _this$_options.allowLegacyFragmentVariables) === true
-    ) {
+    if (this._options.allowLegacyFragmentVariables === true) {
       return this.node(start, {
         kind: kinds.Kind.FRAGMENT_DEFINITION,
         name: this.parseFragmentName(),
@@ -3417,16 +3408,14 @@ class Parser {
         return this.parseObject(isConst);
 
       case tokenKind.TokenKind.INT:
-        this._lexer.advance();
-
+        this.advanceLexer();
         return this.node(token, {
           kind: kinds.Kind.INT,
           value: token.value,
         });
 
       case tokenKind.TokenKind.FLOAT:
-        this._lexer.advance();
-
+        this.advanceLexer();
         return this.node(token, {
           kind: kinds.Kind.FLOAT,
           value: token.value,
@@ -3437,7 +3426,7 @@ class Parser {
         return this.parseStringLiteral();
 
       case tokenKind.TokenKind.NAME:
-        this._lexer.advance();
+        this.advanceLexer();
 
         switch (token.value) {
           case 'true':
@@ -3493,9 +3482,7 @@ class Parser {
 
   parseStringLiteral() {
     const token = this._lexer.token;
-
-    this._lexer.advance();
-
+    this.advanceLexer();
     return this.node(token, {
       kind: kinds.Kind.STRING,
       value: token.value,
@@ -4286,13 +4273,7 @@ class Parser {
    */
 
   node(startToken, node) {
-    var _this$_options2;
-
-    if (
-      ((_this$_options2 = this._options) === null || _this$_options2 === void 0
-        ? void 0
-        : _this$_options2.noLocation) !== true
-    ) {
+    if (this._options.noLocation !== true) {
       node.loc = new ast.Location(
         startToken,
         this._lexer.lastToken,
@@ -4318,8 +4299,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === kind) {
-      this._lexer.advance();
-
+      this.advanceLexer();
       return token;
     }
 
@@ -4338,8 +4318,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === kind) {
-      this._lexer.advance();
-
+      this.advanceLexer();
       return true;
     }
 
@@ -4354,7 +4333,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === tokenKind.TokenKind.NAME && token.value === value) {
-      this._lexer.advance();
+      this.advanceLexer();
     } else {
       throw (0, syntaxError_1.syntaxError)(
         this._lexer.source,
@@ -4372,8 +4351,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === tokenKind.TokenKind.NAME && token.value === value) {
-      this._lexer.advance();
-
+      this.advanceLexer();
       return true;
     }
 
@@ -4460,6 +4438,24 @@ class Parser {
 
     return nodes;
   }
+
+  advanceLexer() {
+    const { maxTokens } = this._options;
+
+    const token = this._lexer.advance();
+
+    if (maxTokens !== undefined && token.kind !== tokenKind.TokenKind.EOF) {
+      ++this._tokenCounter;
+
+      if (this._tokenCounter > maxTokens) {
+        throw (0, syntaxError_1.syntaxError)(
+          this._lexer.source,
+          token.start,
+          `Document contains more that ${maxTokens} tokens. Parsing aborted.`,
+        );
+      }
+    }
+  }
 }
 /**
  * A helper function to describe a token as a string for debugging.
@@ -6720,9 +6716,9 @@ class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
+    this.templateByQuery.set("fetchData", dist.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
@@ -6751,7 +6747,7 @@ class DataUnitFetcher {
   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);
     return dataUnit;
@@ -6788,25 +6784,24 @@ class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, page, sort, filter) {
+  loadData(dataUnit, request) {
     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)) {
+      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);
       }
@@ -6816,16 +6811,28 @@ 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;
+        const firstRecord = offset + 1;
+        const lastRecord = offset + Math.min(records.length, limit);
+        const currentPage = offset / limit;
+        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: {
+            firstRecord,
+            lastRecord,
+            total,
+            currentPage,
+            hasMore
+          },
+          records: processedRecords
         });
-        resolve(Object.assign(Object.assign({}, pageResult), { records }));
       })
         .catch((error) => {
         reject(error);
@@ -7051,15 +7058,16 @@ class GridConfigFetcher extends ResourceFetcher {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
-  getConfig(resourceID) {
+  getConfig(_gridName, resourceID) {
     const completePath = `cfg://grid/${this.GRID_CONFIG_VERSION}${resourceID}`;
     return new Promise((resolve, reject) => {
       this.loadResource(completePath)
         .then(loadedResource => {
+        let config = undefined;
         if (loadedResource) {
-          let config = JSON.parse(loadedResource);
-          resolve(config);
+          config = JSON.parse(loadedResource);
         }
+        resolve(config);
       }).catch((error) => {
         reject(error);
       });
@@ -7253,6 +7261,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.__registerHost();
     this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
     this.applicationLoading = createEvent(this, "applicationLoading", 7);
+    this._duCache = new Map();
     this._requestListener = new RequestListenerLoadingBar();
   }
   get parameters() {
@@ -7413,6 +7422,22 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       dataUnit.loadMetadata().then(() => resolve(dataUnit));
     });
   }
+  async getOrCreateDataUnit(entityName, dataUnitName) {
+    return new Promise((resolve, reject) => {
+      const dataUnit = this._duCache.get(dataUnitName);
+      if (dataUnit) {
+        resolve(dataUnit);
+      }
+      else {
+        this.createDataunit(entityName).then(dataUnit => {
+          if (dataUnitName) {
+            this._duCache.set(dataUnitName, dataUnit);
+          }
+          resolve(dataUnit);
+        }).catch(reason => reject(reason));
+      }
+    });
+  }
   async getResourceID() {
     return Promise.resolve(this.resourceID);
   }
@@ -7431,8 +7456,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
   }
-  async loadGridConfig() {
-    return this.gridConfigFetcher.getConfig(this.resourceID);
+  async loadGridConfig(name) {
+    return this.gridConfigFetcher.getConfig(name, this.resourceID);
   }
   async saveGridConfig(config) {
     return this.gridConfigFetcher.saveConfig(config, this.resourceID);
@@ -7545,6 +7570,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     ErrorTracking.init();
+    ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
   }
   connectedCallback() {
     DataFetcher.addRequestListener(this._requestListener);
@@ -7579,6 +7605,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "getAttributeFromHTMLWrapper": [64],
     "openApp": [64],
     "createDataunit": [64],
+    "getOrCreateDataUnit": [64],
     "getResourceID": [64],
     "alert": [64],
     "error": [64],

package/dist/components/snk-data-unit.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkDataUnit extends Components.SnkDataUnit, HTMLElement {}
+export const SnkDataUnit: {
+  prototype: SnkDataUnit;
+  new (): SnkDataUnit;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-data-unit.js

@@ -0,0 +1,165 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { Action, ApplicationContext } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%}";
+
+const SnkDataUnit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.dataStateChange = createEvent(this, "dataStateChange", 7);
+    this.dataUnitReady = createEvent(this, "dataUnitReady", 7);
+    this._onDataUnitResolve = [];
+    this._dataUnitObserver = (action) => {
+      let msg = this.getActionInfo(action.type);
+      if (msg) {
+        ApplicationUtils.info(msg);
+      }
+      const duState = {
+        insertionMode: false,
+        hasNext: this.dataUnit.hasNext(),
+        hasPrevious: this.dataUnit.hasPrevious(),
+        copyMode: false,
+        isDirty: this.dataUnit.isDirty(),
+        selectedRecords: this.dataUnit.getSelectedRecords()
+      };
+      this.dataUnit.records.forEach(r => {
+        if (r.__record__id__.startsWith('NEW_')) {
+          duState.insertionMode = true;
+          duState.copyMode || (duState.copyMode = r['__record__source__id__'] != undefined);
+        }
+      });
+      this.dataState = duState;
+    };
+  }
+  async getDataUnit() {
+    return new Promise((resolve) => {
+      if (this.dataUnit) {
+        resolve(this.dataUnit);
+      }
+      else {
+        this._onDataUnitResolve.push(resolve);
+      }
+    });
+  }
+  async interceptAction(action) {
+    return new Promise(resolve => {
+      if (action.type === Action.EDITION_CANCELED) {
+        ApplicationUtils.confirm(this.i18n("components.warning"), this.i18n("components.confirmCancelEdition"))
+          .then((result) => resolve(result ? action : undefined));
+      }
+      else if (action.type === Action.REMOVING_RECORDS) {
+        ApplicationUtils.confirm(this.i18n("components.delete"), this.i18n("components.confirmRemoveRecord"), "delete", true, { btnConfirmDanger: true })
+          .then((result) => resolve(result ? action : undefined));
+      }
+      else {
+        resolve(action);
+      }
+    });
+  }
+  getActionInfo(action) {
+    if (this.messageBuilder) {
+      return this.messageBuilder(action, this.dataState, this.dataUnit);
+    }
+    else {
+      if (action === Action.EDITION_CANCELED) {
+        return this.i18n("components.editionCanceled");
+      }
+    }
+  }
+  observePageSize() {
+    if (this.dataUnit) {
+      this.dataUnit.pageSize = this.pageSize;
+    }
+  }
+  observeDataUnitName(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataUnit = undefined;
+      this.dataUnitName = newValue;
+      this.loadDataUnit();
+    }
+  }
+  observeEntityName(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataUnit = undefined;
+      this.entityName = newValue;
+      this.loadDataUnit();
+    }
+  }
+  observeDataState(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataStateChange.emit(newValue);
+    }
+  }
+  observeDataUnit() {
+    this.dataUnitReady.emit(this.dataUnit);
+  }
+  async loadDataUnit() {
+    if (!this.dataUnit) {
+      const app = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (app && this.entityName) {
+        this.dataUnit = await app.getOrCreateDataUnit(this.entityName, this.dataUnitName);
+        this.dataUnit.pageSize = this.pageSize;
+        this.dataUnit.unsubscribe(this._dataUnitObserver);
+        this.dataUnit.addInterceptor(this);
+        this.dataUnit.subscribe(this._dataUnitObserver);
+        let resolver;
+        while (resolver = this._onDataUnitResolve.pop()) {
+          resolver(this.dataUnit);
+        }
+      }
+    }
+  }
+  i18n(key) {
+    const pt_br = {
+      "components.warning": "Aviso",
+      "components.delete": "Excluir",
+      "components.confirmRemoveRecord": "Deseja realmente excluir o registro atual?",
+      "components.confirmCancelEdition": "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de sair?</b>",
+      "components.editionCanceled": "Todas as alterações foram descartadas.",
+    };
+    return pt_br[key];
+  }
+  componentDidRender() {
+    this.loadDataUnit();
+  }
+  render() {
+    return (h(Host, null));
+  }
+  get element() { return this; }
+  static get watchers() { return {
+    "pageSize": ["observePageSize"],
+    "dataUnitName": ["observeDataUnitName"],
+    "entityName": ["observeEntityName"],
+    "dataState": ["observeDataState"],
+    "dataUnit": ["observeDataUnit"]
+  }; }
+  static get style() { return snkDataUnitCss; }
+}, [2, "snk-data-unit", {
+    "dataState": [1040],
+    "dataUnitName": [1, "data-unit-name"],
+    "entityName": [1, "entity-name"],
+    "pageSize": [2, "page-size"],
+    "dataUnit": [1040],
+    "messageBuilder": [16],
+    "getDataUnit": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-data-unit"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDataUnit$1);
+      }
+      break;
+  } });
+}
+
+const SnkDataUnit = SnkDataUnit$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDataUnit, defineCustomElement };

package/dist/components/snk-form.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkForm extends Components.SnkForm, HTMLElement {}
+export const SnkForm: {
+  prototype: SnkForm;
+  new (): SnkForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;