@sankhyalabs/sankhyablocks 9.0.3 → 9.1.0-dev.10

package/dist/types/components/snk-crud/subcomponents/snk-guides-viewer.d.ts

@@ -12,18 +12,18 @@ import { SnkMessageBuilder } from '../../../lib/message/SnkMessageBuilder';
 import { PropsCustomEditor } from '../interfaces/PropsCustomEditor';
 import { ICustomEditor, ICustomRender } from '@sankhyalabs/ezui/dist/types/utils';
 export declare class SnkGuidesViewer {
+  private _element;
   private _configManager;
   private _masterFormMetadata;
   private _guideNavigator;
   private _taskbarProcessor;
   private _snkConfigurator;
   private _currentDetail;
-  private _mainForm;
   private _fieldSearch;
-  private _moreOptions;
   private _guideHasChanged;
   private _guideBuilders;
   private _container;
+  private _keyboardManager;
   /**
    * Instância do DataUnit master.
    */
@@ -106,6 +106,7 @@ export declare class SnkGuidesViewer {
   private _customEditors;
   private _customRenders;
   private _fieldsProps;
+  private _mainForm;
   observeDataUnit(): void;
   observeDataState(newValue: DataState, oldValue: DataState): void;
   observeMasterFormConfig(): void;
@@ -115,10 +116,6 @@ export declare class SnkGuidesViewer {
   * referente a um form detail.
   */
   showFormConfig(detail?: boolean): Promise<void>;
-  /**
-  * Abre o localizador de campos
-  */
-  findField(): Promise<void>;
   /**
    * Registra um editor customizado para campos da grade e formulário
    */
@@ -135,6 +132,10 @@ export declare class SnkGuidesViewer {
    * Atribui o foco para o componente.
    */
   setFocus(): Promise<void>;
+  /**
+   * Emitido quando a configuração do formulário master é definida.
+   */
+  snkMasterFormConfigChange: EventEmitter<IFormConfig>;
   /**
    * Emitido quando o botão de voltar é acionado.
    */
@@ -162,12 +163,15 @@ export declare class SnkGuidesViewer {
    */
   private getMessage;
   private loadGuides;
+  private hasToDisableDetails;
   private isDetail;
   private updateGuide;
   private getTaskBarId;
   private loadTaskbarProcessor;
+  private buildBtnsRegularMode;
+  private buildDisabledButtons;
   private handleAddGridMode;
-  private getInvisibleButtons;
+  private buildInvisibleButtons;
   static updateContentCard(formName: string, cardConfig: IFormCardConfig, propertyChanged: string, configManager: SnkFormConfigManager): Promise<Map<string, IFormCardConfig>>;
   static buildFixedForms(params: BuildFixedFormParams): Array<VNode>;
   private wrapDetail;
@@ -194,6 +198,7 @@ export declare class SnkGuidesViewer {
   private fieldsOptionLoader;
   private onSelectField;
   private getActionsList;
+  private getSettingsListForm;
   buildTaskBar(): any;
   private dataUnitActionHandler;
   private addErrorBadgeToGuide;
@@ -201,7 +206,11 @@ export declare class SnkGuidesViewer {
   private getBadge;
   private getGuideName;
   private getTitle;
+  private getTitleTooltip;
+  private buildRecordIdsArray;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
+  private initKeyboardManager;
   render(): any;
 }
 interface BuildFixedFormParams {

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

@@ -0,0 +1,9 @@
+import { ChangingField } from './snk-data-unit';
+export declare function showConfirmMultipleUpdatePopup({ title, labelBtnConfirm, labelBtnCancel, message, changingFields, }: MultipleUpdateConfirmParams): Promise<unknown>;
+export interface MultipleUpdateConfirmParams {
+  title: string;
+  message: string;
+  labelBtnCancel: string;
+  labelBtnConfirm: string;
+  changingFields: ChangingField[];
+}

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { DataUnit, DataUnitAction, DUActionInterceptor, Record, SelectionInfo } from '@sankhyalabs/core';
 import { SnkApplication } from '../snk-application/snk-application';
+import { IFieldConfig } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
 import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { IRecordID } from '../snk-data-exporter/interfaces/IRecordID';
 export declare class SnkDataUnit implements DUActionInterceptor {
@@ -14,6 +15,7 @@ export declare class SnkDataUnit implements DUActionInterceptor {
   _fieldsWithRmPrecision: string[];
   _metadataByRow: Map<string, any>;
   _rowMetadataCache: Map<string, any>;
+  _formFieldsConfig: IFieldConfig[];
   REGEX_DATAUNIT_NAME: RegExp;
   element: HTMLSnkDataUnitElement;
   fieldsToLink: Array<string>;
@@ -102,6 +104,7 @@ export declare class SnkDataUnit implements DUActionInterceptor {
    * Emitido quando se cancela uma inserção ou cópia.
    */
   cancelEdition: EventEmitter<void>;
+  onMasterFormConfigChange({ detail }: CustomEvent): void;
   /**
    * Obtém o dataUnit.
    */
@@ -137,6 +140,10 @@ export declare class SnkDataUnit implements DUActionInterceptor {
   private interceptRecordsCopied;
   private interceptDataChange;
   private interceptSavingData;
+  private confirmMultipleSavingData;
+  private getChangingFields;
+  private buildChangingField;
+  private getFieldTabName;
   private interceptDataSaved;
   private interceptEditionCanceled;
   private interceptRemovingRecords;
@@ -155,6 +162,11 @@ export declare class SnkDataUnit implements DUActionInterceptor {
   private isAllowed;
   private buildDataState;
   private handleDataSaved;
+  private canIgnoreOperationMessage;
+  private isCloneOrInsertOperation;
+  private buildOperationMessage;
+  private buildMultipleUpdateMessage;
+  private isMultiplesUpdate;
   private handleRecordsRemoved;
   private buildRemoveFinishMessage;
   _dataUnitObserver: (action: DataUnitAction) => Promise<void>;
@@ -206,3 +218,8 @@ export interface RowMetadata {
   [key: string]: any;
   getProp: (propPath: string, fieldName?: string) => any;
 }
+export interface ChangingField {
+  label: string;
+  value: string;
+  tabName?: string;
+}

package/dist/types/components/snk-entity-list/snk-entity-list.d.ts

@@ -4,12 +4,12 @@ import { ListItem } from "../snk-filter-bar/filter-list/snk-filter-list";
 import { ListGroup } from "@sankhyalabs/ezui/dist/types/components/ez-list/ez-list";
 import { IOption, ISearchArgument } from "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box";
 import { SnkApplication } from "../snk-application/snk-application";
+import { ListItem as ListItemEzList } from "@sankhyalabs/ezui/src/components/ez-list/ez-list";
 export declare class SnkEntityList {
   _snkPequisa: HTMLSnkPesquisaElement;
   _ezList: HTMLElement;
   _application: SnkApplication;
   _searchElement: HTMLElement;
-  _searchValue: IOption | string;
   _ezListSource: any[];
   reloadList(): Promise<void>;
   private _entityName;
@@ -26,17 +26,21 @@ export declare class SnkEntityList {
    * Permite definir uma altura máxima para o ez-list, adicionando um scroll ao atingir esta medida
    */
   maxHeightList: string;
+  /**
+   * Define o valor do componente
+   */
+  value: IOption;
   /**
    * Emite um evento customizado ao realizar alteração nos valores do componente
    */
   valueChanged: EventEmitter<CustomEvent>;
   observeConfig(): void;
-  ezListChangeListener(evt: any): void;
+  ezListChangeListener(evt: CustomEvent<ListItemEzList>): void;
   private loadListSource;
   componentDidLoad(): void;
   optionLoader(searchArgument: ISearchArgument): Promise<IOption[]>;
-  onEzSearchChange(evt: any): void;
+  onEzSearchChange(evt: CustomEvent<IOption>): void;
   getMessage(key: string, params?: any): string;
-  getListConfigValue(config: any): any;
+  getListConfigValue(config: SnkFilterItemConfig): any;
   render(): any;
 }

package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-search.d.ts

@@ -2,6 +2,7 @@ import { IOption } from '@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { SnkFilterItemConfig } from '../snk-filter-item';
 export declare class SnkFilterSearch {
+  private _isSearchPlus;
   _element: HTMLElement;
   /**
    * Define as configurações do componente snk-filter-search
@@ -11,20 +12,21 @@ export declare class SnkFilterSearch {
    * Define o valor do componente snk-filter-search
    */
   value: IOption;
-  _searchInput: HTMLEzSearchElement;
+  _searchInput: HTMLEzSearchElement | HTMLEzSearchPlusElement;
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
-  ezChangeListener(_evt: CustomEvent): void;
+  ezChangeListener(_evt: CustomEvent): Promise<void>;
   /**
   * Emitido quando o valor do filtro é alterado.
   */
   valueChanged: EventEmitter<any>;
   componentDidLoad(): void;
-  doSearch(mode: string, argument: string): Promise<Array<IOption> | IOption>;
+  doSearch(mode: string, argument: string, isSearchPlus?: boolean): Promise<Array<IOption> | IOption>;
   /**
    * Exibe o componente snk-filter-search
    */
   show(): Promise<void>;
+  getInputItem(): any;
   render(): any;
 }

package/dist/types/components/snk-filter-bar/filter-item/snk-filter-detail.d.ts

@@ -6,6 +6,7 @@ export declare class SnkFilterDetail {
   _editor: HTMLElement;
   _applyButton: HTMLEzButtonElement;
   _idContentEditor: string;
+  _customElementObject: CustomElementFilterProps;
   originalConfig: SnkFilterItemConfig;
   /**
    * Define as configurações do componente snk-filter-detail.

package/dist/types/components/snk-filter-bar/filter-item/snk-filter-item.d.ts

@@ -4,13 +4,10 @@ import FilterItemType from './filter-item-type.enum';
 import FilterType from '../types/filter-type.enum';
 export declare class SnkFilterItem {
   _filterItemElement: HTMLElement;
-  _chipElement: HTMLElement;
+  _chipElement: HTMLEzChipElement;
   _rightIconElement: HTMLElement;
   _leftIconElement: HTMLElement;
-  _popoverContainer: HTMLElement;
-  _popover: HTMLSnkFilterDetailElement;
-  _floatingID: number;
-  _closeCallback: () => void;
+  _popover: HTMLEzPopoverCoreElement;
   _idSnkFilterDetail: string;
   detailIsVisible: boolean;
   /**
@@ -34,39 +31,32 @@ export declare class SnkFilterItem {
    */
   filterChange: EventEmitter<SnkFilterItemConfig>;
   observeDetailIsVisible(value: boolean): void;
+  /**
+   * Emitido quando o estado do filtro é alterado.
+   */
+  filterChangeListener(): void;
   /**
    * Exibe os detalhes de um item da lista.
    */
   showUp(open?: boolean): Promise<void>;
-  private updatePosition;
-  private getFloatOptions;
-  private getOffsetLeft;
-  private getOffsetTop;
-  private controlScrollPage;
-  private getConfigChanges;
   /**
    * Oculta os detalhes de um item da lista.
    */
   hideDetail(): Promise<void>;
-  onDetailCloseCallback(): void;
-  innerClickCheck: (_floatingContainer: HTMLElement, node: HTMLElement) => boolean;
-  clickListener(evt: MouseEvent): void;
-  mouseDownListener(evt: MouseEvent): void;
+  private getConfigChanges;
+  private clearFilter;
+  private togglePopover;
   getLabel(isTooltipLabel?: boolean): any;
   private getLabelFromCheckedOptions;
   calculateActiveCount(groupedItems: Array<SnkFilterItemConfig>): number;
   componentDidLoad(): void;
-  componentDidRender(): void;
-  /**
-   * Emitido quando o estado do filtro é alterado.
-   */
-  filterChangeListener(): void;
   canClearFilter(): any;
   getRightIconName(): "close" | "chevron-up" | "chevron-down";
   getLeftIconName(): "calendar" | "tune";
   hasActiveElements(value: any): boolean;
   hasActiveValue(config: any): boolean;
   getEnabledChip(): boolean;
+  private handleVisibilityPopover;
   render(): any;
 }
 export interface SnkFilterItemConfig {

package/dist/types/components/snk-filter-bar/filter-modal/snk-filter-modal.d.ts

@@ -5,6 +5,8 @@ export declare class SnkFilterModal {
   private _cancelButtonLabel;
   private _okButtonLabel;
   private _originalFilterConfig;
+  private _defaultFilter;
+  private _application;
   /**
    * Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
    */
@@ -28,19 +30,23 @@ export declare class SnkFilterModal {
   /**
    * Ação executada ao adicionar um filtro personalizado
    */
-  addPersonalizedFilter: () => void;
+  addPersonalizedFilter: (isDefault?: boolean) => void;
   /**
    * Ação executada ao editar um filtro personalizado
    */
-  editPersonalizedFilter: (id: string) => void;
+  editPersonalizedFilter: (id: string, isDefault?: boolean) => void;
   /**
    * Ação executada ao deletar um filtro personalizado
    */
-  deletePersonalizedFilter: (filter: IPersonalizedFilter, configName: string) => void;
+  deletePersonalizedFilter: (filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void;
   /**
    * Guarda filtros a serem deletados no Apply do modal
-   */
+  */
   filtersToDelete: IPersonalizedFilter[];
+  /**
+   * Guarda o filtro a ser deletado no Apply do modal
+  */
+  filterDefaultToDelete: SnkFilterItemConfig;
   /**
   * Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros)
   * e no modal lateral de filtros (container de filtros personalizados).
@@ -55,6 +61,7 @@ export declare class SnkFilterModal {
   private handleClearOthersFilters;
   private handleClearCustomFilters;
   private clearAllCustomFilter;
+  private hasChangeToSave;
   private handleClose;
   private handleApplyFilters;
   private isValidCustomFilter;
@@ -69,6 +76,11 @@ export declare class SnkFilterModal {
   private renderFilterLine;
   private getIformedFiltersCount;
   private renderCollapsibleFilterBox;
+  handleDeleteFilter(): void;
+  private handleActionSelectedDefaultFilter;
+  getCustomFilter(filters: SnkFilterItemConfig[]): SnkFilterItemConfig[];
+  getDefaultFilter(filters: SnkFilterItemConfig[]): SnkFilterItemConfig;
+  componentWillLoad(): void;
   componentWillRender(): void;
   componentDidLoad(): void;
   render(): any;

package/dist/types/components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '../../../../../stencil-public-runtime';
+import { ActionDefaultFilter } from '../../../types/default-filters';
+export declare class SnkDefaultFilter {
+  private OFFSET_HEIGHT;
+  private _items;
+  private _refDropdown;
+  private _refIcon;
+  /**
+   * Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
+  */
+  getMessage: (key: string, props?: any) => string;
+  /**
+   * Informa se já existe um filtro padrão criado.
+  */
+  hasDefaultFilter: boolean;
+  actionSelected: EventEmitter<ActionDefaultFilter>;
+  private _opened;
+  private repositionDropDown;
+  private toggleDropdown;
+  private closeDropdown;
+  private buildItems;
+  private onValueSelected;
+  private openCreateNewFilter;
+  componentDidRender(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts

@@ -16,6 +16,7 @@ export declare class SnkFilterBar implements FilterProvider {
   _configUpdated: boolean;
   _firstLoad: boolean;
   _pendingVariables: boolean;
+  _isDefaultFilter: boolean;
   _customfiltersToBeUpdated: Array<SnkFilterItemConfig>;
   _resolveLoading: any;
   _calculateSortIndex: (item: SnkFilterItemConfig) => number;
@@ -146,9 +147,9 @@ export declare class SnkFilterBar implements FilterProvider {
    * Abre o modal de filtros
   */
   showFilterModal(): Promise<void>;
-  addPersonalizedFilter(): void;
-  editPersonalizedFilter(id: string): void;
-  deletePersonalizedFilter(filter: IPersonalizedFilter, filterItemType: FilterItemType, configName: string): void;
+  addPersonalizedFilter(isDefault?: boolean): void;
+  editPersonalizedFilter(id: string, isDefault?: boolean): void;
+  deletePersonalizedFilter(filter: IPersonalizedFilter, filterItemType: FilterItemType, configName: string, isDefault?: boolean): void;
   handleHidePersonalizedFilter(reloadFilterBar: boolean): void;
   hidePersonalizedFilter(): void;
   componentWillLoad(): Promise<void>;

package/dist/types/components/snk-filter-bar/types/default-filters.d.ts

@@ -0,0 +1,5 @@
+export declare enum ActionDefaultFilter {
+  EDIT = "edit",
+  REMOVE = "remove",
+  CREATE = "create"
+}

package/dist/types/components/snk-filter-bar/types/filter-type.enum.d.ts

@@ -1,6 +1,7 @@
 export declare enum FilterType {
   QUICK_FILTER = "QUICK_FILTER",
   CUSTOM_FILTER = "CUSTOM_FILTER",
-  OTHER_FILTERS = "OTHER_FILTERS"
+  OTHER_FILTERS = "OTHER_FILTERS",
+  DEFAULT_FILTER = "DEFAULT_FILTER"
 }
 export default FilterType;

package/dist/types/components/snk-filter-bar/utils/SnkFilterModalFactory.d.ts

@@ -2,9 +2,9 @@ import { SnkFilterItemConfig } from "../filter-item/snk-filter-item";
 import { IPersonalizedFilter } from "../../snk-personalized-filter/interfaces/IPersonalizedFilter";
 type OnCompleteCallback = (filter: SnkFilterItemConfig[]) => void;
 type GetMessageFn = (key: string, params?: any) => string;
-type AddPersonalizedFilterFn = () => void;
-type EditPersonalizedFilterFn = (id: string) => void;
-type deletePersonalizedFilterFn = (filter: IPersonalizedFilter, configName: string) => void;
+type AddPersonalizedFilterFn = (isDefault?: boolean) => void;
+type EditPersonalizedFilterFn = (id: string, isDefault?: boolean) => void;
+type deletePersonalizedFilterFn = (filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void;
 export type SnkFilterModalFactoryParams = {
   filterConfig: SnkFilterItemConfig[];
   configName: string;

package/dist/types/components/snk-form-config/FormConfigHelper.d.ts

@@ -0,0 +1,31 @@
+import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
+import { DataUnit, FieldDescriptor, UserInterface } from '@sankhyalabs/core';
+import { IFormConfig } from '@sankhyalabs/ezui/src/utils/form/interfaces';
+export declare const ID_AVAILABLE_FIELDS = "container-available-fields";
+export interface IGuideConfig {
+  label: string;
+  name?: string;
+  visible: boolean;
+  order: number;
+}
+export interface IGroupConfig {
+  name?: string;
+  fields?: IFieldConfig[];
+}
+export declare enum SORTABLE_PATH {
+  FROM = "from",
+  TO = "to"
+}
+export declare function getFieldsStructure(evt: any, path: string, group: string, tab?: string): IFieldConfig[];
+export declare function updateTabInFieldsFromGroupList(guideGroups: IGroupConfig[], updatedName: string): {
+  fields: any[];
+  name?: string;
+}[];
+export declare function getValidatedFieldValue(fieldValue: any, dataUnit: DataUnit, fieldName: string): any;
+export declare function getEnabledByProperty(attribName: string, propertyName: string, fieldDescriptor: FieldDescriptor): boolean;
+export declare function getValueByProperty(property: string, fieldDescriptor: FieldDescriptor, defaultValue: any): any;
+export declare function getIconName(userInterface: UserInterface): string;
+export declare function buildNewGuideName(guidesList: IGuideConfig[]): string;
+export declare function getFieldsToSave(guidesMap: Map<string, IGroupConfig[]>): IFieldConfig[];
+export declare function buildGuidesMap(rawFields: IFieldConfig[], tabs: IGuideConfig[], dataUnit: DataUnit, generalTab: string): Map<string, IGroupConfig[]>;
+export declare function buildGuides(config: IFormConfig, mainArea: string): IGuideConfig[];

package/dist/types/components/snk-form-config/SnkFormConfigManager.d.ts

@@ -1,6 +1,6 @@
-import { IFormCardConfig, IFormConfig } from "@sankhyalabs/ezui/dist/types/utils/form/interfaces";
-import { DataUnit } from "@sankhyalabs/core";
-import { IUserConfig } from "../../lib/http/data-fetcher/fetchers/form-config-fetcher";
+import { IFormCardConfig, IFormConfig } from '@sankhyalabs/ezui/dist/types/utils/form/interfaces';
+import { DataUnit } from '@sankhyalabs/core';
+import { IUserConfig } from '../../lib/http/data-fetcher/fetchers/form-config-fetcher';
 export declare class SnkFormConfigManager {
   private _config;
   private _onConfigChange;

package/dist/types/components/snk-form-config/config-header/config-header.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SnkMessageBuilder } from '../../../lib/message/SnkMessageBuilder';
+import { IUserConfig } from '../../../lib/http/data-fetcher/fetchers/form-config-fetcher';
+export declare class ConfigHeader {
+  private isEditingGuide;
+  private isEditingGroup;
+  configOptions: Array<IUserConfig>;
+  readonly selectedConfig: IUserConfig;
+  readonly messagesBuilder: SnkMessageBuilder;
+  readonly hasChanges?: boolean;
+  readonly optionConfigChanged: boolean;
+  configClose: EventEmitter<void>;
+  saveConfig: EventEmitter<void>;
+  handleIsEditingGuideName({ detail }: CustomEvent): void;
+  handleIsEditingGroupName({ detail }: CustomEvent): void;
+  private saveFormConfig;
+  private closeFormConfig;
+  private getMessage;
+  private openConfirmDialog;
+  private applyOptionConfig;
+  private renderSaveActions;
+  render(): any;
+}

package/dist/types/components/snk-form-config/config-header/configs-button/configs-button.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IUserConfig } from '../../../../lib/http/data-fetcher/fetchers/form-config-fetcher';
+import { SnkMessageBuilder } from '../../../../lib/message/SnkMessageBuilder';
+export declare class ConfigsButton {
+  private _refShareConfigBtn;
+  private _refOptionsPopover;
+  configOptions: Array<IUserConfig>;
+  selectedConfig: IUserConfig;
+  hasChanges: boolean;
+  messagesBuilder: SnkMessageBuilder;
+  formConfigOptionSelected: EventEmitter<IUserConfig>;
+  private getMessage;
+  private showShareConfigOptions;
+  private handleSelectOption;
+  private getButtonLabel;
+  private renderConfigOptions;
+  private renderCheckIcon;
+  render(): any;
+}

package/dist/types/components/snk-form-config/field-item/field-config/field-config.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
+import { DataUnit, FieldDescriptor, UserInterface } from '@sankhyalabs/core';
+import { SnkMessageBuilder } from '../../../../lib/message/SnkMessageBuilder';
+export declare class FieldConfig {
+  private _popoupElement;
+  private _application;
+  private fieldLabel;
+  private fieldLabelErrorMessage;
+  private fieldDefaultValue;
+  private fieldCleanOnCopy;
+  private fieldRequired;
+  private fieldReadOnly;
+  private _defaultType;
+  dataUnit?: DataUnit;
+  fieldConfig: IFieldConfig;
+  fieldDescriptor: FieldDescriptor;
+  messagesBuilder?: SnkMessageBuilder;
+  fieldConfigChanged: EventEmitter<IFieldConfig>;
+  observeFieldLabel(): void;
+  show(_anchorElement: HTMLElement): Promise<void>;
+  private validateFieldLabel;
+  private getMessage;
+  private isAllowDefault;
+  private enabledValueDefault;
+  private getDefaultType;
+  private emitFieldChanged;
+  private handleLabelChanged;
+  private handleDefaultTypeChanged;
+  private handleDefaultValueChanged;
+  private onChangeDefaultValue;
+  private handleClearDuplicateChanged;
+  private handleRequiredChanged;
+  private handleReadOnlyChanged;
+  private loadDefaultValue;
+  private buildOptions;
+  private renderDefaultValueEditor;
+  private buildFieldDefaultValueElement;
+  private buildInputDefault;
+  private getConditionalAttributes;
+  private onSearchDefaultValue;
+  private initializeValues;
+  private handleApplyChanges;
+  private applyErrorMessage;
+  private handleDiscardChanges;
+  componentWillLoad(): void;
+  render(): any;
+}
+export interface IConfigFieldBuilder {
+  name: string;
+  label: string;
+  value: any;
+  enabled: boolean;
+  userInterface: UserInterface;
+  required?: boolean;
+}

package/dist/types/components/snk-form-config/fields-layout/fields-layout.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { DataUnit } from '@sankhyalabs/core';
+import { IGroupConfig, IGuideConfig } from '../FormConfigHelper';
+import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
+import { SnkMessageBuilder } from '../../../lib/message/SnkMessageBuilder';
+export declare class FieldLayoutComponent {
+  private readonly ID_GROUPS;
+  private readonly ID_FIELDS;
+  private readonly reservedGuideNames;
+  private groupsListMemory;
+  private groupsRefList;
+  private _refTextEdit;
+  private el;
+  private isEditGuideNameActive;
+  selectedGuide: IGuideConfig;
+  groupsList: IGroupConfig[];
+  guideNames: string[];
+  dataUnit?: DataUnit;
+  isEditingGuideName: EventEmitter<boolean>;
+  isEditingGroupName: EventEmitter<boolean>;
+  messagesBuilder: SnkMessageBuilder;
+  handleFieldConfigChanged({ detail }: CustomEvent): void;
+  layoutChanged: EventEmitter<IGroupConfig[]>;
+  setFieldListAsAvailable: EventEmitter<IFieldConfig[]>;
+  guideRenamed: EventEmitter<string>;
+  observeSelectedGuide(): void;
+  observeGroupList(newValue: IGroupConfig[]): void;
+  observeIsEditGuideNameActive(newValue: boolean): void;
+  addFieldToLayout(incomingField: IFieldConfig): Promise<void>;
+  private getFixedFieldsGroup;
+  private getMessage;
+  private handleAddGroup;
+  private buildNewGroupName;
+  private makeDynamicFieldsContainersDraggable;
+  private getFieldsContainerId;
+  private handleSortGroups;
+  private handleFieldsChanged;
+  private applyGroupUpdate;
+  private handleFieldsOnGroupUpdate;
+  private updateGroupList;
+  private replaceGroup;
+  private makeGroupsDraggable;
+  private makeFieldContainerDraggable;
+  private getContainerElement;
+  private handleSetFieldAsAvailable;
+  private removeGroup;
+  private handleRenameGroup;
+  private canSaveGroup;
+  private buildDuplicatedGroupNameContent;
+  private buildDuplicatedTabNameContent;
+  private buildReservedTabNameContent;
+  private renderFields;
+  private renderDraggableGroups;
+  private renderFixedFields;
+  private handleRenameGuide;
+  private cancelEditGuideName;
+  private startGuideNameEdition;
+  private getTextEditStyle;
+  private renderGuideName;
+  private renderEditGuideNameButton;
+  componentDidRender(): void;
+  render(): any;
+}

package/dist/types/components/snk-form-config/fields-selector/fields-selector.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { IFieldConfig } from '@sankhyalabs/ezui/src/utils/interfaces/IFieldConfig';
+import { DataUnit } from '@sankhyalabs/core';
+export declare class FieldsSelector {
+  private el;
+  availableFields: IFieldConfig[];
+  dataUnit?: DataUnit;
+  filterTerm: string;
+  fieldListChanged: EventEmitter<IFieldConfig[]>;
+  private onAddField;
+  private addItemInPosition;
+  private onRemoveField;
+  private renderFields;
+  private getCountText;
+  private initializeDraggableContainer;
+  componentDidRender(): void;
+  render(): any;
+}