@sankhyalabs/ezui 5.21.0-dev.2 → 5.21.0-dev.21

package/dist/types/components/ez-modal-container/ez-modal-container.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzModalContainer {
   _closeButton: HTMLElement;
   _okButton: HTMLEzButtonElement;
+  private _modalRef;
   private _element;
   /**
    * Texto a ser apresentado como título do modal.
@@ -39,9 +40,11 @@ export declare class EzModalContainer {
    * LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
    */
   ezModalAction: EventEmitter<string>;
+  handleEzModalAction(event: CustomEvent<string>): Promise<void>;
   private cancelIsVisible;
   private okIsVisible;
   componentDidLoad(): void;
+  private closeModal;
   focusLast(): void;
   focusFirst(): void;
   render(): any;

package/dist/types/components/ez-number-input/ez-number-input.d.ts

@@ -7,6 +7,7 @@ export declare class EzNumberInput {
   private _changePending;
   private _valuePromiseCallbacks;
   private _elem;
+  private _value;
   /**
    * Emitido quando acontece a alteração de valor do campo.
    */
@@ -68,6 +69,8 @@ export declare class EzNumberInput {
   observeLabel(): void;
   observeErrorMessage(): void;
   observeValue(newValue: number, oldValue: number): void;
+  observePrecision(): void;
+  private handleNewValue;
   private validateValue;
   private getTextValue;
   private changeValue;

package/dist/types/components/ez-popup/ez-popup.d.ts

@@ -1,10 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class EzPopup {
-  private _container;
-  private _modalRef;
+  private _popupRef;
   private _overlayId;
-  private _element;
   private _sizeClasses;
+  private _element;
   /**
    * Define a largura do ez-popup.
    */
@@ -35,6 +34,7 @@ export declare class EzPopup {
   ezPopupAction: EventEmitter<string>;
   observeConfig(): void;
   componentDidLoad(): void;
+  private closePopup;
   private manageOverflow;
   private manageOverlay;
   getGridSize(): string;

package/dist/types/components/ez-search/ez-search.d.ts

@@ -95,7 +95,7 @@ export declare class EzSearch {
    */
   suppressSearch: boolean;
   observeErrorMessage(): void;
-  observeValue(newValue: IOption | string, oldValue: IOption | string): void;
+  observeValue(newValue: IOption | string, oldValue: IOption | string): Promise<void>;
   observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
   getValueAsync(): Promise<unknown>;
   /**
@@ -115,6 +115,7 @@ export declare class EzSearch {
    */
   clearValue(): Promise<void>;
   scrollListener(): void;
+  private handleValueAsString;
   private updateListPosition;
   private getListPosition;
   private isDifferentValues;

package/dist/types/components.d.ts

@@ -11,17 +11,22 @@ import { SlotBuilder } from "./components/ez-list/ez-list";
 import { IPosition } from "./components/ez-badge/interfaces/IPosition";
 import { IBreadcrumbItem } from "./components/ez-breadcrumb/ez-breadcrumb";
 import { CardItem } from "./components/ez-card-item/ez-card-item";
+import { ChartAxis, ChartType } from "./components/ez-chart/interfaces";
+import { ChartSerie, SerieClickEvent } from "./components/ez-chart/interfaces/ChartSerie";
 import { CheckMode } from "./components/ez-check/CheckMode";
 import { IEzCheckBoxListPosition, IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box";
+import { ICustomEditor } from "./utils/customEditor/interfaces/ICustomEditor";
+import { IFormViewField } from "./components/ez-form-view/interfaces";
 import { DataUnit, WaitingChange } from "@sankhyalabs/core";
 import { DialogType } from "./components/ez-dialog/DialogType";
 import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/structure/DropdownItem";
 import { IFieldConfig, IFormConfig, IRecordValidator } from "./utils/form/interfaces";
 import { FormItems } from "./components/ez-form-view/structure";
-import { IFormViewField } from "./components/ez-form-view/interfaces/IFormViewField";
+import { IFormViewField as IFormViewField1 } from "./components/ez-form-view/interfaces/IFormViewField";
 import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from "./components/ez-grid/controller/EzGridController";
-import { ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
+import { ICustomFormatter, ISelection, ISelectionToastConfig } from "./components/ez-grid/interfaces";
 import { IMultiSelectionListDataSource } from "./components/ez-multi-selection-list/interfaces/IMultiSelectionListDataSource";
+import { ICustomRender } from "./utils/customRender/interfaces/ICustomRender";
 import { IGuideItem } from "./components/ez-guide-navigator/interfaces";
 import { ListGroup, ListItem, SlotBuilder as SlotBuilder1, TListMode } from "./components/ez-list/ez-list";
 import { THeightMode } from "./components/ez-modal/ez-modal";
@@ -242,6 +247,44 @@ export namespace Components {
          */
         "item": CardItem;
     }
+    interface EzChart {
+        /**
+          * Define o sub titulo a ser apresentado no gráfico
+         */
+        "chartSubTitle": string;
+        /**
+          * Define o titulo a ser apresentado no gráfico
+         */
+        "chartTitle": string;
+        /**
+          * Define a altura do gráfico
+         */
+        "height": number;
+        /**
+          * Define se a legenda do gráfico deve ser apresentada ou não.
+         */
+        "legendEnabled": boolean;
+        /**
+          * Define as series a serem apresentadas no gráfico
+         */
+        "series": ChartSerie | Array<ChartSerie>;
+        /**
+          * Define o tipo de gráfico apresentado pelo componente
+         */
+        "type": ChartType;
+        /**
+          * Define uma largura do gráfico
+         */
+        "width": number;
+        /**
+          * Definições do eixo X do gráfico
+         */
+        "xAxis": ChartAxis | Array<ChartAxis>;
+        /**
+          * Definições do eixo Y do gráfico
+         */
+        "yAxis": ChartAxis | Array<ChartAxis>;
+    }
     interface EzCheck {
         /**
           * Define o modo compacto com espaçamento menor entre label e o input
@@ -447,6 +490,40 @@ export namespace Components {
          */
         "value": IOption | string;
     }
+    interface EzCustomFormInput {
+        /**
+          * Builder original do FormView que será chamado caso o custom não retorne nenhum valor.
+         */
+        "builderFallback": (field: IFormViewField) => HTMLElement;
+        /**
+          * Instância do editor customizado.
+         */
+        "customEditor": ICustomEditor;
+        /**
+          * Define de qual contexto o editor está sendo acionado.
+         */
+        "detailContext": string;
+        /**
+          * Campo que o elemento customizado representa.
+         */
+        "formViewField": IFormViewField;
+        /**
+          * Retorna se o conteúdo é inválido.
+         */
+        "isInvalid": () => Promise<boolean>;
+        /**
+          * Remove o foco do campo.
+         */
+        "setBlur": () => Promise<void>;
+        /**
+          * Aplica foco no campo.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Valores dos campos do formulário.
+         */
+        "value": any;
+    }
     interface EzDateInput {
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
@@ -654,6 +731,10 @@ export namespace Components {
         "value": string;
     }
     interface EzForm {
+        /**
+          * Registra um editor customizado para campos da grade e formulário.
+         */
+        "addCustomEditor": (fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise<void>;
         /**
           * Configuração do formulário.
          */
@@ -666,20 +747,36 @@ export namespace Components {
           * Determina o campo que deve ficar em evidência.
          */
         "fieldToFocus": string;
+        /**
+          * Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit.
+         */
+        "onlyStaticFields": boolean;
         /**
           * Define um validador responsável pela integridade dos registros.
          */
         "recordsValidator": IRecordValidator;
+        /**
+          * Altera/adiciona uma propriedade nos metadados do campo.
+         */
+        "setFieldProp": (fieldName: string, propName: string, value: any) => Promise<void>;
         /**
           * Realiza validação no conteúdo de todos os campos.
          */
         "validate": () => Promise<void>;
     }
     interface EzFormView {
+        /**
+          * Registra um editor customizado para campos da grade e formulário.
+         */
+        "addCustomEditor": (fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise<void>;
         /**
           * Define a lista de metadados usada para criar os campos de user interface.
          */
-        "fields": Array<IFormViewField>;
+        "fields": Array<IFormViewField1>;
+        /**
+          * Altera/adiciona uma propriedade nos metados do campo.
+         */
+        "setFieldProp": (fieldName: string, propName: string, value: any) => Promise<void>;
         "showUp": () => Promise<void>;
     }
     interface EzGrid {
@@ -687,6 +784,18 @@ export namespace Components {
           * Adiciona item de menu nas colunas.
          */
         "addColumnMenuItem": (label: string, name: string, action: Function, icon: HTMLElement | string) => Promise<void>;
+        /**
+          * Registra um editor customizado para campos da grade e formulário.
+         */
+        "addCustomEditor": (fieldName: string, customEditor: ICustomEditor, detailContext?: string) => Promise<void>;
+        /**
+          * Registra um formatador de valores para uma coluna da grid.
+         */
+        "addCustomValueFormatter": (columnName: string, customFormatter: ICustomFormatter) => Promise<void>;
+        /**
+          * Registra um render customizado para colunas da grid.
+         */
+        "addGridCustomRender": (fieldName: string, customRender: ICustomRender, detailContext?: string) => Promise<void>;
         /**
           * Define se a edição está habilitada na grid.
          */
@@ -715,6 +824,10 @@ export namespace Components {
           * Obtém o estado atual das colunas.
          */
         "getColumnsState": () => Promise<Array<EzGridColumn>>;
+        /**
+          * Retorna o formatador customizado da coluna caso exista.
+         */
+        "getCustomValueFormatter": (columnName: string) => Promise<ICustomFormatter | undefined>;
         /**
           * Obtém as linhas selecionadas.
          */
@@ -735,6 +848,14 @@ export namespace Components {
           * Define um validador responsável pela integridade dos registros.
          */
         "recordsValidator": IRecordValidator;
+        /**
+          * Atualiza linhas da grade.
+         */
+        "refreshSelectedRows": () => Promise<void>;
+        /**
+          * Remove o formatador de valores de uma coluna da grid.
+         */
+        "removeCustomValueFormatter": (columnName: string) => Promise<void>;
         /**
           * Configuração da seleção de grade no toast.
          */
@@ -755,6 +876,10 @@ export namespace Components {
           * Insere os registros no ez-grid.
          */
         "setData": (data: Array<any>) => Promise<void>;
+        /**
+          * Atribui o foco para a grade.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Define um `IStatusResolver` responsável pelo estado da coluna de status.
          */
@@ -1679,6 +1804,10 @@ export interface EzCardItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzCardItemElement;
 }
+export interface EzChartCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEzChartElement;
+}
 export interface EzCheckCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEzCheckElement;
@@ -1866,6 +1995,12 @@ declare global {
         prototype: HTMLEzCardItemElement;
         new (): HTMLEzCardItemElement;
     };
+    interface HTMLEzChartElement extends Components.EzChart, HTMLStencilElement {
+    }
+    var HTMLEzChartElement: {
+        prototype: HTMLEzChartElement;
+        new (): HTMLEzChartElement;
+    };
     interface HTMLEzCheckElement extends Components.EzCheck, HTMLStencilElement {
     }
     var HTMLEzCheckElement: {
@@ -1890,6 +2025,12 @@ declare global {
         prototype: HTMLEzComboBoxElement;
         new (): HTMLEzComboBoxElement;
     };
+    interface HTMLEzCustomFormInputElement extends Components.EzCustomFormInput, HTMLStencilElement {
+    }
+    var HTMLEzCustomFormInputElement: {
+        prototype: HTMLEzCustomFormInputElement;
+        new (): HTMLEzCustomFormInputElement;
+    };
     interface HTMLEzDateInputElement extends Components.EzDateInput, HTMLStencilElement {
     }
     var HTMLEzDateInputElement: {
@@ -2128,10 +2269,12 @@ declare global {
         "ez-button": HTMLEzButtonElement;
         "ez-calendar": HTMLEzCalendarElement;
         "ez-card-item": HTMLEzCardItemElement;
+        "ez-chart": HTMLEzChartElement;
         "ez-check": HTMLEzCheckElement;
         "ez-chip": HTMLEzChipElement;
         "ez-collapsible-box": HTMLEzCollapsibleBoxElement;
         "ez-combo-box": HTMLEzComboBoxElement;
+        "ez-custom-form-input": HTMLEzCustomFormInputElement;
         "ez-date-input": HTMLEzDateInputElement;
         "ez-date-time-input": HTMLEzDateTimeInputElement;
         "ez-dialog": HTMLEzDialogElement;
@@ -2367,6 +2510,48 @@ declare namespace LocalJSX {
          */
         "onEzClick"?: (event: EzCardItemCustomEvent<CardItem>) => void;
     }
+    interface EzChart {
+        /**
+          * Define o sub titulo a ser apresentado no gráfico
+         */
+        "chartSubTitle"?: string;
+        /**
+          * Define o titulo a ser apresentado no gráfico
+         */
+        "chartTitle"?: string;
+        /**
+          * Define a altura do gráfico
+         */
+        "height"?: number;
+        /**
+          * Define se a legenda do gráfico deve ser apresentada ou não.
+         */
+        "legendEnabled"?: boolean;
+        /**
+          * Evento emitido quando ocorre um click em uma serie do gráfico
+         */
+        "onEzSerieClick"?: (event: EzChartCustomEvent<SerieClickEvent>) => void;
+        /**
+          * Define as series a serem apresentadas no gráfico
+         */
+        "series"?: ChartSerie | Array<ChartSerie>;
+        /**
+          * Define o tipo de gráfico apresentado pelo componente
+         */
+        "type"?: ChartType;
+        /**
+          * Define uma largura do gráfico
+         */
+        "width"?: number;
+        /**
+          * Definições do eixo X do gráfico
+         */
+        "xAxis"?: ChartAxis | Array<ChartAxis>;
+        /**
+          * Definições do eixo Y do gráfico
+         */
+        "yAxis"?: ChartAxis | Array<ChartAxis>;
+    }
     interface EzCheck {
         /**
           * Define o modo compacto com espaçamento menor entre label e o input
@@ -2563,6 +2748,28 @@ declare namespace LocalJSX {
          */
         "value"?: IOption | string;
     }
+    interface EzCustomFormInput {
+        /**
+          * Builder original do FormView que será chamado caso o custom não retorne nenhum valor.
+         */
+        "builderFallback"?: (field: IFormViewField) => HTMLElement;
+        /**
+          * Instância do editor customizado.
+         */
+        "customEditor"?: ICustomEditor;
+        /**
+          * Define de qual contexto o editor está sendo acionado.
+         */
+        "detailContext"?: string;
+        /**
+          * Campo que o elemento customizado representa.
+         */
+        "formViewField"?: IFormViewField;
+        /**
+          * Valores dos campos do formulário.
+         */
+        "value"?: any;
+    }
     interface EzDateInput {
         /**
           * Se false deixa de exibir a mensagem de erro dentro do campo.
@@ -2812,6 +3019,10 @@ declare namespace LocalJSX {
           * Responsável por notificar quando ocorrer a renderização de itens do formulário.
          */
         "onFormItemsReady"?: (event: EzFormCustomEvent<FormItems>) => void;
+        /**
+          * Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit.
+         */
+        "onlyStaticFields"?: boolean;
         /**
           * Define um validador responsável pela integridade dos registros.
          */
@@ -2821,7 +3032,7 @@ declare namespace LocalJSX {
         /**
           * Define a lista de metadados usada para criar os campos de user interface.
          */
-        "fields"?: Array<IFormViewField>;
+        "fields"?: Array<IFormViewField1>;
         /**
           * Evento emitido quando o componente foi totalmente carregado na DOM.
          */
@@ -3002,6 +3213,10 @@ declare namespace LocalJSX {
           * Emitido quando o modal é fechado.
          */
         "onEzCloseModal"?: (event: EzModalCustomEvent<boolean>) => void;
+        /**
+          * Representa a interação com o usuário. OK - Quando o botão é acionado CANCEL - Quando o botão de cancelar é acionado CLOSE - Quando o botão de fechar é acionado. LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
+         */
+        "onEzModalAction"?: (event: EzModalCustomEvent<string>) => void;
         /**
           * Emitido quando o modal é aberto.
          */
@@ -3688,10 +3903,12 @@ declare namespace LocalJSX {
         "ez-button": EzButton;
         "ez-calendar": EzCalendar;
         "ez-card-item": EzCardItem;
+        "ez-chart": EzChart;
         "ez-check": EzCheck;
         "ez-chip": EzChip;
         "ez-collapsible-box": EzCollapsibleBox;
         "ez-combo-box": EzComboBox;
+        "ez-custom-form-input": EzCustomFormInput;
         "ez-date-input": EzDateInput;
         "ez-date-time-input": EzDateTimeInput;
         "ez-dialog": EzDialog;
@@ -3745,10 +3962,12 @@ declare module "@stencil/core" {
             "ez-button": LocalJSX.EzButton & JSXBase.HTMLAttributes<HTMLEzButtonElement>;
             "ez-calendar": LocalJSX.EzCalendar & JSXBase.HTMLAttributes<HTMLEzCalendarElement>;
             "ez-card-item": LocalJSX.EzCardItem & JSXBase.HTMLAttributes<HTMLEzCardItemElement>;
+            "ez-chart": LocalJSX.EzChart & JSXBase.HTMLAttributes<HTMLEzChartElement>;
             "ez-check": LocalJSX.EzCheck & JSXBase.HTMLAttributes<HTMLEzCheckElement>;
             "ez-chip": LocalJSX.EzChip & JSXBase.HTMLAttributes<HTMLEzChipElement>;
             "ez-collapsible-box": LocalJSX.EzCollapsibleBox & JSXBase.HTMLAttributes<HTMLEzCollapsibleBoxElement>;
             "ez-combo-box": LocalJSX.EzComboBox & JSXBase.HTMLAttributes<HTMLEzComboBoxElement>;
+            "ez-custom-form-input": LocalJSX.EzCustomFormInput & JSXBase.HTMLAttributes<HTMLEzCustomFormInputElement>;
             "ez-date-input": LocalJSX.EzDateInput & JSXBase.HTMLAttributes<HTMLEzDateInputElement>;
             "ez-date-time-input": LocalJSX.EzDateTimeInput & JSXBase.HTMLAttributes<HTMLEzDateTimeInputElement>;
             "ez-dialog": LocalJSX.EzDialog & JSXBase.HTMLAttributes<HTMLEzDialogElement>;

package/dist/types/utils/customEditor/interfaces/ICustomEditor.d.ts

@@ -0,0 +1,29 @@
+import { IOption, ISearchArgument } from "../../../components/ez-combo-box/ez-combo-box";
+export interface EditorMetadata {
+  label: string;
+  hidden: boolean;
+  userInterface: string;
+  options: {
+    [key: string]: any;
+  }[];
+  props?: Map<string, any>;
+  optionLoader?: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+}
+export declare enum CustomEditorSource {
+  GRID = "GRID",
+  FORM = "FORM"
+}
+export interface ICustomEditorParams {
+  value: any;
+  name: string;
+  currentEditor: HTMLElement;
+  editorMetadata: EditorMetadata;
+  source: CustomEditorSource;
+  setValue?: (value: any) => void;
+  getValue?: () => any;
+  charPress?: string | null;
+  detailContext?: string;
+}
+export interface ICustomEditor {
+  getEditorElement(params: ICustomEditorParams): HTMLElement | string | undefined;
+}

package/dist/types/utils/customEditor/interfaces/ICustomEditorInfo.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEditor } from "./ICustomEditor";
+export interface ICustomEditorInfo {
+  detailContext?: string;
+  customEditor: ICustomEditor;
+}

package/dist/types/utils/customRender/interfaces/ICustomRender.d.ts

@@ -0,0 +1,29 @@
+import { IOption, ISearchArgument } from "../../../components/ez-combo-box/ez-combo-box";
+export interface RenderMetadata {
+  label: string;
+  hidden: boolean;
+  userInterface: string;
+  options: {
+    [key: string]: any;
+  }[];
+  props?: Map<string, any>;
+  optionLoader?: (argument: ISearchArgument) => Promise<Array<IOption>> | Array<IOption> | IOption;
+}
+export declare enum CustomRenderSource {
+  GRID = "GRID",
+  FORM = "FORM"
+}
+export interface ICustomRenderParams {
+  value: any;
+  name: string;
+  charPress: string | null;
+  currentRender: HTMLElement;
+  renderMetadata: RenderMetadata;
+  source: CustomRenderSource;
+  detailContext?: string;
+  setValue?: (value: any) => void;
+  getValue?: () => any;
+}
+export interface ICustomRender {
+  getRenderElement(params: ICustomRenderParams): HTMLElement | string | undefined;
+}

package/dist/types/utils/customRender/interfaces/ICustomRenderInfo.d.ts

@@ -0,0 +1,5 @@
+import { ICustomRender } from "./ICustomRender";
+export interface ICustomRenderInfo {
+  customRender: ICustomRender;
+  detailContext?: string;
+}

package/dist/types/utils/form/DataBinder.d.ts

@@ -8,8 +8,10 @@ export default class DataBinder implements DUActionInterceptor {
   private _formMetadata;
   private _recordValidatorProcessor;
   constructor(dataUnit: DataUnit);
+  private setContextDataBinder;
   private applyDefaultValues;
   bind(fields: Array<HTMLElement>, currentContextName: string, formMetadata: FormMetadata, recordsValidator: IRecordValidator): void;
+  private disconnectDataUnit;
   onDisconnectedCallback(): void;
   private getCurrentRecordId;
   markInvalid(field: IInvalidField): void;
@@ -17,6 +19,7 @@ export default class DataBinder implements DUActionInterceptor {
   private clearInvalid;
   private updateValue;
   validate(): Promise<void>;
+  static validateByDataunit(dataUnit: DataUnit): Promise<boolean>;
   private updateErrorMessage;
   private getErrorMessage;
   private updateBind;

package/dist/types/utils/form/test/resources/metadataTest.d.ts

@@ -0,0 +1,2 @@
+import { UnitMetadata } from "@sankhyalabs/core";
+export declare const metadataTest: UnitMetadata;

package/dist/types/utils/index.d.ts

@@ -5,3 +5,5 @@ export { CheckMode } from '../components/ez-check/CheckMode';
 export { FormMetadata } from './form/FormMetadata';
 export { default as DataBinder } from './form/DataBinder';
 export { default as IAction } from './interfaces/IAction';
+export { ICustomEditor, ICustomEditorParams, CustomEditorSource } from './customEditor/interfaces/ICustomEditor';
+export { ICustomRender, ICustomRenderParams, CustomRenderSource } from './customRender/interfaces/ICustomRender';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sankhyalabs/ezui",
-  "version": "5.21.0-dev.2",
+  "version": "5.21.0-dev.21",
   "description": "Biblioteca de componentes Sankhya.",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -67,6 +67,7 @@
     "gulp": "^4.0.2",
     "gulp-run": "^1.7.1",
     "gulp-watch": "^5.0.1",
+    "highcharts": "^11.4.7",
     "http-server": "^0.12.3",
     "husky": "^8.0.3",
     "jest": "^26.6.3",