@comercti/react-components 0.15.0 → 0.20.0

package/index.d.ts

@@ -34,6 +34,7 @@ compact: boolean;
 loading: boolean;
 loadingType: "spinner" | "semi-circle" | "dots";
 truncated: boolean;
+copyable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 rootRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -255,23 +256,23 @@ dropdownRef: HTMLButtonElement;
 }, any>;
 
 declare const __VLS_component_7: DefineComponent<__VLS_Props_11, {
-/** focus input */
 focus: () => void;
+valorSemMascara: Ref<string | number, string | number>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number | CustomEvent<any>) => any;
 change: (value: string | number | CustomEvent<any>) => any;
 input: (value: string | number | CustomEvent<any>) => any;
-blur: (value: Event) => any;
+blur: (value: string | number | CustomEvent<any>) => any;
 }, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
 "onUpdate:modelValue"?: (value: string | number | CustomEvent<any>) => any;
 onChange?: (value: string | number | CustomEvent<any>) => any;
 onInput?: (value: string | number | CustomEvent<any>) => any;
-onBlur?: (value: Event) => any;
+onBlur?: (value: string | number | CustomEvent<any>) => any;
 }>, {
 invalid: boolean;
 disabled: boolean;
 reserveSpaceFeedback: boolean;
-type: "text" | "password" | "email" | "number" | "tel" | "url" | "search" | "date" | "time";
+type: "text" | "password" | "email" | "number" | "tel" | "url" | "search" | "date" | "time" | "datetime-local";
 rounded: boolean;
 noAlertIcon: boolean;
 readonly: boolean;
@@ -339,6 +340,8 @@ declare type __VLS_Props_10 = {
     maxFileSize?: number;
     /** habilita a opção de selecionar múltiplos arquivos */
     selectAll?: boolean;
+    /** Mensagem personalizada de tipos de arquivos */
+    customMessage?: string[];
     /** limpa a lista de arquivos */
     clear: boolean;
 };
@@ -347,11 +350,11 @@ declare type __VLS_Props_11 = {
     /** Valor do input para two-way binding (v-model) */
     modelValue?: string | number | null;
     /** Tipo do input (text, password, email, etc) */
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time';
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local';
     /** ID única do input */
     id?: string;
-    /** Máscara do input (cpf, cnpj, cel, tel, date, cep) */
-    mask?: 'cpf' | 'cnpj' | 'cel' | 'tel' | 'cep';
+    /** Máscara do input (Exemplo de formato esperado: ###.###.###-##)*/
+    mask?: string | string[];
     /** Texto do placeholder do input */
     placeholder?: string;
     /** Texto da label exibida acima do input */
@@ -522,6 +525,8 @@ declare type __VLS_Props_19 = {
     isSearch?: boolean;
     /** Se true inicializa o menu aberto */
     isOpen?: boolean;
+    /** Título do menu */
+    title?: string;
 };
 
 declare type __VLS_Props_2 = {
@@ -1651,7 +1656,17 @@ declare interface Coluna {
 }
 
 declare type DataTableProps = {
-    /** Array utilizado no header da tabela */
+    /** Array utilizado no header da tabela
+     *
+     * text: string
+     *
+     * value: string | ((item: Record<string, unknown>) => string)
+     *
+     * sortable?: boolean
+     *
+     * width?: string
+     *
+     */
     headers: Header[];
     /** Ativa a opção de selecinar os conteúdos da tabela */
     selectable?: boolean;
@@ -1673,6 +1688,10 @@ declare type DataTableProps = {
     loadingType?: 'spinner' | 'semi-circle' | 'dots';
     /** Define se o texto das células será truncado */
     truncated?: boolean;
+    /** String com as diretivas tailwind a serem aplicadas ao slot pagination */
+    paginationStyle?: string;
+    /** Habilita a funcionalidade de copiar o conteúdo da célula ao clicar nela */
+    copyable?: boolean;
 };
 
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1731,7 +1750,10 @@ multiple: boolean;
 maxFile: number;
 maxFileSize: number;
 selectAll: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+customMessage: string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputFile: HTMLInputElement;
+}, HTMLDivElement>;
 
 declare const _default_17: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
@@ -1813,6 +1835,7 @@ toggleMenu: (clicado: boolean) => any;
 onRedirect?: (item: SubMenu | ItensMenu_2) => any;
 onToggleMenu?: (clicado: boolean) => any;
 }>, {
+title: string;
 itemsSearch: ItensMenu_2[];
 isHome: boolean;
 isSearch: boolean;
@@ -1953,6 +1976,7 @@ declare type Header = {
     text: string;
     value: string | ((item: Record<string, unknown>) => string);
     sortable?: boolean;
+    width?: string;
 };
 
 declare interface IBreadcrumbsProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/react-components",
-  "version": "0.15.0",
+  "version": "0.20.0",
   "types": "index.d.ts",
   "type": "module",
   "license": "private",
@@ -13,6 +13,7 @@
     "@wdns/vue-code-block": "^2.3.5",
     "date-fns": "^4.1.0",
     "highlight.js": "^11.11.1",
+    "maska": "^3.2.0",
     "prismjs": "^1.30.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",