@orangesix/react 2.3.1 → 2.4.0

package/api/@types/field.d.ts

@@ -1,157 +1,164 @@
 import { Control } from 'react-hook-form';
 import { KeyFilterType } from 'primereact/keyfilter';
-/**
- * Define o modo do componente de entrada de dados
- */
-export type ApiFieldModeProps = "Controlled" | "HookForm";
-
-/**
- * Define os tipos `default` para componente de entrada de dados
- */
-export interface ApiFieldComponentProps {
-
-    /**
-     * Define o id do campo
-     */
-    id?: string
-
-    /**
-     * Define o nome do campo
-     */
-    name?: string
-
-    /**
-     * Define o rótulo do campo
-     */
-    label?: string
-
-    /**
-     * Define o espaço reservador do campo
-     */
-    placeholder?: string
-
-    /**
-     * Define o icone do campo
-     */
-    icon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define se campo é obrigatório
-     */
-    required?: boolean
-
-    /**
-     * Desabilita a entrada de dados no campo
-     */
-    disabled?: boolean
-
-    /**
-     * Define o modo do componente de entrada de dados
-     */
-    mode?: ApiFieldModeProps
-
-    /**
-     * Define a opção de filtro de dados do componente
-     */
-    keyfilter?: KeyFilterType;
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: boolean
-}
-
-/**
- * Define os tipos `default` para componente de entrada de dados controlled
- * quando a propriedade `Readonly` estiver habilitada
- */
-interface ApiFieldReadonlyControlledProps {
-    /**
-     * Define o valor do componente controlado
-     */
-    value: any
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly: true
-
-    /**
-     * Define o tipo de exibição do input quando for readOnly
-     */
-    readonlyType?: "label" | "field"
-
-    /**
-     * Função para alterar o valor do componente controlado
-     */
-    onChange?: (value: any) => void
-
-    /**
-     * Função quando um usuário sai de um componente controlado
-     */
-    onBlur?: (value: any) => void
-}
-
-/**
- Define os tipos `default` para componente de entrada de dados controlled
- quando a propriedade `Readonly` estiver desabilitada
- */
-interface ApiFieldWritableControlledProps {
-    /**
-     * Define o valor do componente controlado
-     */
-    value: any
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: false
-
-    /**
-     * Função para alterar o valor do componente controlado
-     */
-    onChange(value: any): void
-
-    /**
-     * Função quando um usuário sai de um componente controlado
-     */
-    onBlur?: (value: any) => void
-}
-
-/**
- * Define os tipos `default` para componente de entrada de dados controlled
- */
-export type ApiFieldControlledProps =
-    | ApiFieldReadonlyControlledProps
-    | ApiFieldWritableControlledProps;
-
-/**
- * Define os tipos `default` para componente de entrada de dados HookFomr
- */
-export interface ApiFieldHookFormProps {
-
-    /**
-     * Define o nome do campo
-     */
-    name: string
-
-    /**
-     * Objeto de controle do HookForm
-     */
-    control: Control<any>
-
-    /**
-     * Função executada quando o valor é modificado
-     */
-    onChange?: (value: any) => void
-
-    /**
-     * Função executada quando um usuário sai de um componente
-     */
-    onBlur?: (value: any) => void
+
+
+/**
+ * Define o modo do componente de entrada de dados
+ */
+export type ApiFieldModeProps = "Controlled" | "HookForm";
+
+/**
+ * Define os tipos `default` para componente de entrada de dados
+ */
+export interface ApiFieldComponentProps {
+
+    /**
+     * Define o id do campo
+     */
+    id?: string
+
+    /**
+     * Define o nome do campo
+     */
+    name?: string
+
+    /**
+     * Define o rótulo do campo
+     */
+    label?: string
+
+    /**
+     * Define o espaço reservador do campo
+     */
+    placeholder?: string
+
+    /**
+     * Define o icone do campo
+     */
+    icon?: string
+
+    /**
+     * Define o prefixo dos icones do pacote
+     */
+    iconPrefix?: "bi bi-" | "pi pi-"
+
+    /**
+     * Define se campo é obrigatório
+     */
+    required?: boolean
+
+    /**
+     * Desabilita a entrada de dados no campo
+     */
+    disabled?: boolean
+
+    /**
+     * Define o modo do componente de entrada de dados
+     */
+    mode?: ApiFieldModeProps
+
+    /**
+     * Define a opção de filtro de dados do componente
+     */
+    keyfilter?: KeyFilterType;
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly?: boolean
+}
+
+/**
+ * Define os tipos `default` para componente de entrada de dados controlled
+ * quando a propriedade `Readonly` estiver habilitada
+ */
+interface ApiFieldReadonlyControlledProps {
+    /**
+     * Define o valor do componente controlado
+     */
+    value: any
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly: true
+
+    /**
+     * Define o tipo de exibição do input quando for readOnly
+     */
+    readonlyType?: "label" | "field"
+
+    /**
+     * Define a classe utilizada quando o campo for readOnly
+     */
+    readonlyClassName?: string
+
+    /**
+     * Função para alterar o valor do componente controlado
+     */
+    onChange?: (value: any) => void
+
+    /**
+     * Função quando um usuário sai de um componente controlado
+     */
+    onBlur?: (value: any) => void
+}
+
+/**
+ Define os tipos `default` para componente de entrada de dados controlled
+ quando a propriedade `Readonly` estiver desabilitada
+ */
+interface ApiFieldWritableControlledProps {
+    /**
+     * Define o valor do componente controlado
+     */
+    value: any
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly?: false
+
+    /**
+     * Função para alterar o valor do componente controlado
+     */
+    onChange(value: any): void
+
+    /**
+     * Função quando um usuário sai de um componente controlado
+     */
+    onBlur?: (value: any) => void
+}
+
+/**
+ * Define os tipos `default` para componente de entrada de dados controlled
+ */
+export type ApiFieldControlledProps =
+    | ApiFieldReadonlyControlledProps
+    | ApiFieldWritableControlledProps;
+
+/**
+ * Define os tipos `default` para componente de entrada de dados HookFomr
+ */
+export interface ApiFieldHookFormProps {
+
+    /**
+     * Define o nome do campo
+     */
+    name: string
+
+    /**
+     * Objeto de controle do HookForm
+     */
+    control: Control<any>
+
+    /**
+     * Função executada quando o valor é modificado
+     */
+    onChange?: (value: any) => void
+
+    /**
+     * Função executada quando um usuário sai de um componente
+     */
+    onBlur?: (value: any) => void
 }

package/api/@types/index.d.ts

@@ -1,29 +1,31 @@
 import { CSSProperties } from 'react';
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-export interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-export * from './css';
+
+
+/**
+ * Define as tipagens `default` de todos os componentes do pacote
+ */
+export interface ApiComponentProps {
+
+    /**
+     * Propriedade para identificar o id do elemento
+     */
+    id?: string
+
+    /**
+     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
+     */
+    className?: string
+
+    /**
+     * Define o tamanho da box do componente de acordo com o valores abaixo
+     */
+    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
+
+    /**
+     * Define as propriedades css do component `style`
+     */
+    css?: CSSProperties
+}
+
+export * from './css';
 export * from './field';

package/api/index.esm.js

@@ -1,7 +1,2 @@
-import { InputFeedback as t, InputLabel as n, InputProps as o } from "./input/index.esm.js";
-export {
-  t as InputFeedback,
-  n as InputLabel,
-  o as InputProps
-};
-//# sourceMappingURL=index.esm.js.map
+import { InputFeedback as e, InputLabel as t, InputProps as n } from "./input/index.esm.js";
+export { e as InputFeedback, t as InputLabel, n as InputProps };

package/api/input/index.esm.js

@@ -1,40 +1,40 @@
-import { jsx as d, jsxs as i } from "react/jsx-runtime";
-const n = ({ iconPrefix: e = "bi bi-", ...a }) => a.label && /* @__PURE__ */ i("p", { className: "form-label", children: [
-  a.icon && /* @__PURE__ */ d("i", { className: e + a.icon + " me-1" }),
-  a.label,
-  a.required && /* @__PURE__ */ d("span", { className: "text-danger", children: "*" })
-] }), t = ({ errors: e, name: a, ...l }) => !l.mode || l.mode === "Controlled" ? /* @__PURE__ */ d(
-  "div",
-  {
-    "data-name": a,
-    id: "j_feedback"
-  }
-) : /* @__PURE__ */ d(
-  "div",
-  {
-    className: e[a ?? ""] ? "invalid-feedback is-invalid" : "",
-    "data-name": a ?? "",
-    id: "j_feedback",
-    style: { display: e[a ?? ""] ? "block" : "none" },
-    children: e[a ?? ""] ? e[a ?? ""].message : ""
-  }
-);
-function b(e) {
-  return {
-    ref: e.ref,
-    id: e.id,
-    name: e.name,
-    required: e.required,
-    disabled: e.disabled,
-    placeholder: e.placeholder,
-    className: e.className,
-    style: { width: "100%" },
-    keyfilter: e.keyfilter
-  };
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/api/input.tsx
+var n = ({ iconPrefix: n = "bi bi-", ...r }) => r.label && /* @__PURE__ */ t("p", {
+	className: "form-label",
+	children: [
+		r.icon && /* @__PURE__ */ e("i", { className: n + r.icon + " me-1" }),
+		r.label,
+		r.required && /* @__PURE__ */ e("span", {
+			className: "text-danger",
+			children: "*"
+		})
+	]
+}), r = ({ errors: t, name: n, ...r }) => !r.mode || r.mode === "Controlled" ? /* @__PURE__ */ e("div", {
+	"data-name": n,
+	id: "j_feedback"
+}) : /* @__PURE__ */ e("div", {
+	className: t[n ?? ""] ? "invalid-feedback is-invalid" : "",
+	"data-name": n ?? "",
+	id: "j_feedback",
+	style: { display: t[n ?? ""] ? "block" : "none" },
+	children: t[n ?? ""] ? t[n ?? ""].message : ""
+});
+function i(e) {
+	return {
+		ref: e.ref,
+		id: e.id,
+		name: e.name,
+		required: e.required,
+		disabled: e.disabled,
+		placeholder: e.placeholder,
+		className: e.className,
+		style: { width: "100%" },
+		keyfilter: e.keyfilter
+	};
 }
-export {
-  t as InputFeedback,
-  n as InputLabel,
-  b as InputProps
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { r as InputFeedback, n as InputLabel, i as InputProps };
+
+//# sourceMappingURL=index.esm.js.map

package/api/input/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApiComponentProps, ApiFieldComponentProps } from \".\";\n\n/**\n * API - `InputLabel`\n *\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return props.label\n        && <p className='form-label'>\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\n            {props.label}\n            {props.required && <span className=\"text-danger\">*</span>}\n        </p>;\n};\n\n/**\n * API - `InputFeedback`\n *\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return !props.mode || props.mode === \"Controlled\"\n        ? <div data-name={name}\n               id=\"j_feedback\"/>\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\n               data-name={name ?? \"\"}\n               id=\"j_feedback\"\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\n};\n\n/**\n * API - `InputProps`\n *\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\n */\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\n    return {\n        ref: props.ref,\n\n        id: props.id,\n        name: props.name,\n        required: props.required,\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n\n        className: props.className,\n        style: { width: \"100%\" },\n\n        keyfilter: props.keyfilter,\n    };\n}"],"names":["InputLabel","iconPrefix","props","jsxs","jsx","InputFeedback","errors","name","InputProps"],"mappings":";AASO,MAAMA,IAAa,CAAC,EAAE,YAAAC,IAAa,UAAU,GAAGC,QAM5CA,EAAM,SACN,gBAAAC,EAAC,KAAA,EAAE,WAAU,cACX,UAAA;AAAA,EAAAD,EAAM,QAAQ,gBAAAE,EAAC,KAAA,EAAE,WAAWH,IAAaC,EAAM,OAAO,SAAQ;AAAA,EAC9DA,EAAM;AAAA,EACNA,EAAM,YAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,IAAA,CAAC;AAAA,GACtD,GASKC,IAAgB,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,GAAGL,QAMtC,CAACA,EAAM,QAAQA,EAAM,SAAS,eAC/B,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IAAI,aAAWG;AAAA,IACX,IAAG;AAAA,EAAA;AAAA,IACR,gBAAAH;AAAA,EAAC;AAAA,EAAA;AAAA,IAAI,WAAaE,EAAOC,KAAQ,EAAE,IAAS,gCAAL;AAAA,IAClC,aAAWA,KAAQ;AAAA,IACnB,IAAG;AAAA,IACH,OAAO,EAAE,SAASD,EAAOC,KAAQ,EAAE,IAAI,UAAU,OAAA;AAAA,IAAW,UAACD,EAAOC,KAAQ,EAAE,IAASD,EAAOC,KAAQ,EAAE,EAAE,UAAxB;AAAA,EAAwB;AAAA;AAQlH,SAASC,EAAgFN,GAAU;AACtG,SAAO;AAAA,IACH,KAAKA,EAAM;AAAA,IAEX,IAAIA,EAAM;AAAA,IACV,MAAMA,EAAM;AAAA,IACZ,UAAUA,EAAM;AAAA,IAChB,UAAUA,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IAEnB,WAAWA,EAAM;AAAA,IACjB,OAAO,EAAE,OAAO,OAAA;AAAA,IAEhB,WAAWA,EAAM;AAAA,EAAA;AAEzB;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \".\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n            id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n            data-name={name ?? \"\"}\r\n            id=\"j_feedback\"\r\n            style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}"],"mappings":";;;AASA,IAAa,KAAc,EAAE,gBAAa,UAAU,GAAG,QAM5C,EAAM,SACN,kBAAC,KAAD;CAAG,WAAU;WAAb;EACE,EAAM,QAAQ,kBAAC,KAAD,EAAG,WAAW,IAAa,EAAM,OAAO,QAAS,CAAA;EAC/D,EAAM;EACN,EAAM,YAAY,kBAAC,QAAD;GAAM,WAAU;aAAc;EAAO,CAAA;CACzD;IASE,KAAiB,EAAE,WAAQ,SAAM,GAAG,QAMtC,CAAC,EAAM,QAAQ,EAAM,SAAS,eAC/B,kBAAC,OAAD;CAAK,aAAW;CACd,IAAG;AAAa,CAAA,IAClB,kBAAC,OAAD;CAAK,WAAa,EAAO,KAAQ,MAAW,gCAAL;CACrC,aAAW,KAAQ;CACnB,IAAG;CACH,OAAO,EAAE,SAAS,EAAO,KAAQ,MAAM,UAAU,OAAO;WAAK,EAAO,KAAQ,MAAW,EAAO,KAAQ,IAAI,UAAxB;AAAqC,CAAA;AAQnI,SAAgB,EAAgF,GAAU;CACtG,OAAO;EACH,KAAK,EAAM;EAEX,IAAI,EAAM;EACV,MAAM,EAAM;EACZ,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,aAAa,EAAM;EAEnB,WAAW,EAAM;EACjB,OAAO,EAAE,OAAO,OAAO;EAEvB,WAAW,EAAM;CACrB;AACJ"}

package/autocomplete/@types/index.d.ts

@@ -1,70 +1,72 @@
 import { default as React } from 'react';
 import { ApiComponentProps, ApiFieldComponentProps } from '../../api';
-export interface AutocompleteDataProps {
-    /**
-     * Define o identificador do objeto
-     */
-    code: any;
-
-    /**
-     * Define o label do objeto
-     */
-    name: string;
-}
-
-export interface AutocompleteProps extends ApiComponentProps, ApiFieldComponentProps {
-    /**
-     * Valor padrão
-     */
-    value: any;
-
-    /**
-     * Dados a ser sugerido
-     */
-    data: AutocompleteDataProps[]
-
-    /**
-     * Define o template para cada item do autocomplete
-     */
-    dataTemplate?: (value: AutocompleteDataProps) => React.ReactNode;
-
-    /**
-     * A propriedade `appendTo` determina onde a instância do painel de sobreposição deve ser montado.
-     */
-    appendTo?: "self" | HTMLElement;
-
-    /**
-     * Determina se é obrigatório a seleção do elemento
-     */
-    forceSelect?: boolean
-
-    /**
-     * Define o tempo para realizar a pesquisa da sugestão de dados.
-     */
-    searchDelay?: number
-
-    /**
-     * Define a quantidade minima de caracter para realizar a pesquisa da sugestão de dados.
-     */
-    searchMin?: number
-
-    /**
-     * Define a quantidade máxima de caracter para realizar a pesquisa da sugestão de dados.
-     */
-    searchMax?: number
-
-    /**
-     * Executa após a seleção do objeto do autocomplete.
-     */
-    onSelect?: (value: any) => void;
-
-    /**
-     * Retorno de chamada a ser invocado quando o valor de preenchimento automático for alterado.
-     */
-    onChange(value: any): void;
-
-    /**
-     * Retorno de chamada para invocar a busca por sugestões.
-     */
-    onSearch(query: string): void;
+
+
+export interface AutocompleteDataProps {
+    /**
+     * Define o identificador do objeto
+     */
+    code: any;
+
+    /**
+     * Define o label do objeto
+     */
+    name: string;
+}
+
+export interface AutocompleteProps extends ApiComponentProps, ApiFieldComponentProps {
+    /**
+     * Valor padrão
+     */
+    value: any;
+
+    /**
+     * Dados a ser sugerido
+     */
+    data: AutocompleteDataProps[]
+
+    /**
+     * Define o template para cada item do autocomplete
+     */
+    dataTemplate?: (value: AutocompleteDataProps) => React.ReactNode;
+
+    /**
+     * A propriedade `appendTo` determina onde a instância do painel de sobreposição deve ser montado.
+     */
+    appendTo?: "self" | HTMLElement;
+
+    /**
+     * Determina se é obrigatório a seleção do elemento
+     */
+    forceSelect?: boolean
+
+    /**
+     * Define o tempo para realizar a pesquisa da sugestão de dados.
+     */
+    searchDelay?: number
+
+    /**
+     * Define a quantidade minima de caracter para realizar a pesquisa da sugestão de dados.
+     */
+    searchMin?: number
+
+    /**
+     * Define a quantidade máxima de caracter para realizar a pesquisa da sugestão de dados.
+     */
+    searchMax?: number
+
+    /**
+     * Executa após a seleção do objeto do autocomplete.
+     */
+    onSelect?: (value: any) => void;
+
+    /**
+     * Retorno de chamada a ser invocado quando o valor de preenchimento automático for alterado.
+     */
+    onChange(value: any): void;
+
+    /**
+     * Retorno de chamada para invocar a busca por sugestões.
+     */
+    onSearch(query: string): void;
 }