@comercti/react-components 0.15.0 → 0.18.0

package/index.d.ts

@@ -255,23 +255,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;
@@ -347,11 +347,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 */
@@ -1651,7 +1651,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;
@@ -1953,6 +1963,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.18.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",