@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-86600.1 → 0.0.0-bugfix-dev-KB-86904.0

package/dist/components/config-header2.js

@@ -0,0 +1,103 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$1 } from './configs-button2.js';
+
+const configHeaderCss = ".sc-config-header-h{display:flex;padding-top:12px;padding-left:12px;align-items:center;width:100%;justify-content:space-between}.left-group.sc-config-header{display:flex;gap:8px}.right-group.sc-config-header{padding-right:18px;display:flex}";
+
+const ConfigHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.configClose = createEvent(this, "configClose", 7);
+    this.saveConfig = createEvent(this, "saveConfig", 7);
+    this.isEditingGuide = false;
+    this.isEditingGroup = false;
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.messagesBuilder = undefined;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+  }
+  handleIsEditingGuideName({ detail }) {
+    this.isEditingGuide = detail;
+  }
+  handleIsEditingGroupName({ detail }) {
+    this.isEditingGroup = detail;
+  }
+  saveFormConfig() {
+    if (this.isEditingGuide || this.isEditingGroup) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const message = this.isEditingGuide
+        ? this.getMessage('snkFormConfig.alert.titleGuideEditing')
+        : this.getMessage('snkFormConfig.alert.titleGroupEditing');
+      ApplicationUtils.alert(title, message);
+      return;
+    }
+    this.saveConfig.emit();
+  }
+  async closeFormConfig() {
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.configClose.emit();
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  openConfirmDialog(msg = '', title = this.getMessage('snkFormConfig.confirm.title')) {
+    return ApplicationUtils.confirm(title, msg);
+  }
+  async applyOptionConfig() {
+    var _a, _b;
+    const name = (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.selectedConfig');
+    const msg = this.getMessage('snkFormConfig.confirm.apply').replace('{0}', name);
+    const confirm = await this.openConfirmDialog(msg);
+    if (confirm) {
+      this.saveConfig.emit();
+    }
+  }
+  renderSaveActions() {
+    if (!this.hasChanges && !this.optionConfigChanged)
+      return;
+    if (this.hasChanges) {
+      return (h("div", { class: "right-group" }, h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: 'Salvar', label: 'Salvar', class: 'ez-button--primary ez-padding-left--medium', onClick: () => this.saveFormConfig(), size: "medium" })));
+    }
+    return (h("div", { class: "right-group" }, h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: 'Salvar', label: this.getMessage('snkFormConfig.applyConfig'), class: 'ez-button--primary ez-padding-left--medium', onClick: async () => await this.applyOptionConfig(), size: "medium" })));
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'left-group' }, h("ez-button", { mode: "icon", title: this.getMessage('snkFormConfig.goBackTitle'), iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: this.closeFormConfig.bind(this), id: "formConfigToBack" }), h("h1", { class: "ez-title ez-title--primary ez-title--extra-large ez-padding--small" }, this.getMessage('snkFormConfig.title')), h("configs-button", { hasChanges: this.hasChanges, configOptions: this.configOptions, selectedConfig: this.selectedConfig, messagesBuilder: this.messagesBuilder })), this.renderSaveActions()));
+  }
+  static get style() { return configHeaderCss; }
+}, [2, "config-header", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "messagesBuilder": [1040],
+    "hasChanges": [4, "has-changes"],
+    "optionConfigChanged": [4, "option-config-changed"],
+    "isEditingGuide": [32],
+    "isEditingGroup": [32]
+  }, [[16, "isEditingGuideName", "handleIsEditingGuideName"], [16, "isEditingGroupName", "handleIsEditingGroupName"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["config-header", "configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "config-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ConfigHeader);
+      }
+      break;
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { ConfigHeader as C, defineCustomElement as d };

package/dist/components/configs-button.d.ts

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

package/dist/components/configs-button.js

@@ -0,0 +1,6 @@
+import { C as ConfigsButton$1, d as defineCustomElement$1 } from './configs-button2.js';
+
+const ConfigsButton = ConfigsButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ConfigsButton, defineCustomElement };

package/dist/components/configs-button2.js

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const configsButtonCss = ".dropdown-container.sc-configs-button{font-family:'Roboto';font-size:12px;font-weight:400;display:flex;flex-direction:column;color:#2b3a54;width:200px}.main-item.sc-configs-button{padding:12px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:start}.main-item.sc-configs-button ez-icon.sc-configs-button{--ez-icon--color:#008561}.main-item.sc-configs-button:nth-of-type(1){padding-bottom:6px}.main-item.sc-configs-button:nth-of-type(2){padding-top:6px}.main-item.sc-configs-button:hover{background-color:#FAFCFF}.item-label.sc-configs-button{display:flex}";
+
+const ConfigsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.formConfigOptionSelected = createEvent(this, "formConfigOptionSelected", 7);
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.hasChanges = false;
+    this.messagesBuilder = undefined;
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async showShareConfigOptions() {
+    if (this._refOptionsPopover && this._refShareConfigBtn) {
+      await this._refOptionsPopover.showUnder(this._refShareConfigBtn);
+    }
+  }
+  async handleSelectOption(option) {
+    if (ObjectUtils.equals(option, this.selectedConfig))
+      return;
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.selectedConfig = option;
+    this.formConfigOptionSelected.emit(option);
+    await this._refOptionsPopover.hide();
+  }
+  getButtonLabel() {
+    var _a, _b;
+    return (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.buttonLabel');
+  }
+  renderConfigOptions() {
+    return this.configOptions.map((option) => {
+      return (h("div", { class: `main-item`, onClick: async () => await this.handleSelectOption(option) }, h("span", { class: 'item-label' }, " ", option.name), this.renderCheckIcon(option)));
+    });
+  }
+  renderCheckIcon(option) {
+    if (this.selectedConfig && this.selectedConfig.origin === option.origin)
+      return h("ez-icon", { iconName: "check" });
+  }
+  render() {
+    return (h(Host, null, h("ez-button", { ref: ref => this._refShareConfigBtn = ref, label: this.getButtonLabel(), onClick: async () => await this.showShareConfigOptions() }, h("ez-icon", { slot: "rightIcon", iconName: "chevron-down" })), h("ez-popover-plus", { ref: ref => this._refOptionsPopover = ref, autoClose: true, overlayType: "none" }, h("div", { class: 'dropdown-container' }, this.renderConfigOptions()))));
+  }
+  static get style() { return configsButtonCss; }
+}, [2, "configs-button", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "hasChanges": [4, "has-changes"],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ConfigsButton);
+      }
+      break;
+  } });
+}
+
+export { ConfigsButton as C, defineCustomElement as d };

package/dist/components/constants.js

@@ -5,11 +5,6 @@ var VIEW_MODE;
   VIEW_MODE[VIEW_MODE["FORM"] = 1] = "FORM";
   VIEW_MODE[VIEW_MODE["ATTACHMENT"] = 2] = "ATTACHMENT";
 })(VIEW_MODE || (VIEW_MODE = {}));
-const ACTION_CONFIG = {
-  add: 'ADD',
-  remove: 'REMOVE',
-  configuration: 'CONFIGURATION'
-};
 const VARS_BY_TYPE = {
   UserInterface: {
     DATE: [{ label: "Data atual", value: "${data}" }],
@@ -26,35 +21,14 @@ const DEFAULT_TYPE = {
   fixed: "F",
   variable: "V"
 };
-const CONFIG_EVENTS = {
-  closeModal: "ezCloseModal",
-  cancelConfig: "cancelConfig",
-  changeConfig: "changeConfig",
-  configChanged: "configChanged",
-  fieldChanged: "ezChange",
-  dragStartDistance: 40
-};
-const CONFIG_SORTABLE_EVENTS = {
-  dragStart: "sortable:start",
-  dragSort: "sortable:sort",
-  dragSorted: "sortable:sorted",
-  dragStop: "sortable:stop"
-};
-const KEY_EVENTS = {
-  enter: "Enter",
-  arrowLeft: "ArrowLeft",
-  arrowRight: "ArrowRight",
-  tab: "Tab",
-  escape: "Escape"
-};
-const TYPE_ACTIONS = {
-  rename: "RENAME",
-  hide: "HIDE",
-  show: "SHOW",
-  delete: "DELETE"
-};
 const TAB_NAMES = {
-  main: "__main"
+  main: "__main",
+  general: "Geral",
+  newGuide: "Nova guia",
+};
+const GROUP_NAMES = {
+  noGroup: "__no_group",
+  newGroup: "Novo Grupo",
 };
 const TAGS_BY_TYPE = {
   LONGTEXT: "ez-text-area",
@@ -100,4 +74,4 @@ var TEMPLATES_SKELETON;
   TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
 })(TEMPLATES_SKELETON || (TEMPLATES_SKELETON = {}));
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TEMPLATES_SKELETON as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, CONFIG_SORTABLE_EVENTS as c, TAB_NAMES as d, TYPE_ACTIONS as e };
+export { DEFAULT_TYPE as D, GROUP_NAMES as G, ORDER_VALUES as O, REPORT_LAUNCHER_RESOURCE_ID as R, SIMPLE_CRUD_MODE as S, TAB_NAMES as T, VIEW_MODE as V, VARS_BY_TYPE as a, TAGS_BY_TYPE as b, TEMPLATES_SKELETON as c };

package/dist/components/field-config.d.ts

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

package/dist/components/field-config.js

@@ -0,0 +1,6 @@
+import { F as FieldConfig$1, d as defineCustomElement$1 } from './field-config2.js';
+
+const FieldConfig = FieldConfig$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { FieldConfig, defineCustomElement };