@comercti/react-components 0.23.0 → 0.25.0

package/index.d.ts

@@ -217,12 +217,15 @@ declare const __VLS_component_28: DefineComponent<__VLS_Props_35, {}, {}, {}, {}
 }, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
 "onToggle-collapse"?: (value: ICollapse[]) => any;
 }>, {
-items: Array<Record<string, unknown>>;
+invalid: number[];
+disabled: IFields;
+items: Array<unknown>;
 variant: "accordion" | "card" | "minimal" | "compact";
 openTheFirst: boolean;
 allOpen: boolean;
 direction: "row" | "column";
 closeCollapse: number | null;
+openCollapse: number[] | null;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_3: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
@@ -268,7 +271,7 @@ redirect: (item: ItensMenu_2) => any;
 onSelected?: (value: Coluna[]) => any;
 onRedirect?: (item: ItensMenu_2) => any;
 }>, {
-type: "menu" | "selection";
+type: "menu" | "selection" | "button";
 background: "white" | "black";
 itemsMenu: ItensMenu_2[];
 itemsSelection: ItemsSelection[];
@@ -279,17 +282,23 @@ dropdownRef: HTMLDivElement[];
 
 declare const __VLS_component_7: DefineComponent<IDropzone, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (file: FileItem | File | FileItem[]) => any;
+delete: (files: FileItem | File | FileItem[]) => any;
 updateFiles: (file: FileItem[]) => any;
 }, string, PublicProps, Readonly<IDropzone> & Readonly<{
 "onUpdate:modelValue"?: (file: FileItem | File | FileItem[]) => any;
+onDelete?: (files: FileItem | File | FileItem[]) => any;
 onUpdateFiles?: (file: FileItem[]) => any;
 }>, {
+invalid: boolean;
 disabled: boolean;
+reserveSpaceFeedback: boolean;
 file: FileItem | null;
 rounded: "md" | "lg" | "xl";
 compact: boolean;
-variant: "primary" | "secondary";
+variant: "primary" | "secondary" | "tertiary";
 clear: boolean;
+errorLabel: string;
+successLabel: string;
 accept: string[];
 multiple: boolean;
 maxFile: number;
@@ -299,8 +308,9 @@ customMessage: string[];
 simulateProgress: boolean;
 showProgressBar: boolean;
 sendRemovedFile: boolean;
-errorLabel: string;
-successLabel: string;
+tertiaryVariantTitle: string;
+showUploadedFile: boolean;
+showRemoveButton: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 inputFile: HTMLInputElement;
 }, HTMLDivElement>;
@@ -443,7 +453,7 @@ declare type __VLS_Props_13 = {
     /** ID única do input */
     id?: string;
     /** Valor do input para two-way binding (v-model) */
-    modelValue: string;
+    modelValue?: string;
     /** Define a quantidade de dígitos do código */
     length: number;
     /** Define se o input deve ser desabilitado */
@@ -766,12 +776,15 @@ declare type __VLS_Props_34 = {
 };
 
 declare type __VLS_Props_35 = {
-    items: Array<Record<string, unknown>>;
+    items: Array<unknown>;
     openTheFirst?: boolean;
     allOpen?: boolean;
     variant: 'accordion' | 'card' | 'minimal' | 'compact';
     direction?: 'row' | 'column';
     closeCollapse?: number | null;
+    disabled?: IFields;
+    invalid?: number[];
+    openCollapse?: number[] | null;
 };
 
 declare type __VLS_Props_4 = {
@@ -838,6 +851,8 @@ declare type __VLS_Props_7 = {
     indeterminate?: boolean;
     /** Se o checkbox deve reservar espaço para feedback de erro */
     reserveSpaceFeedback?: boolean;
+    /** Desabilita o clique no checkbox */
+    clickDisabled?: boolean;
 };
 
 declare type __VLS_Props_8 = {
@@ -1262,9 +1277,11 @@ declare function __VLS_template_28(): {
         }) => VNode[];
         header?: (props: {
             item: Record<string, any>;
+            index: number;
         }) => VNode[];
         content?: (props: {
             item: Record<string, any>;
+            index: number;
         }) => VNode[];
     }> & {
         [key: string]: (props: {
@@ -1272,9 +1289,11 @@ declare function __VLS_template_28(): {
         }) => VNode[];
         header?: (props: {
             item: Record<string, any>;
+            index: number;
         }) => VNode[];
         content?: (props: {
             item: Record<string, any>;
+            index: number;
         }) => VNode[];
     };
     refs: {};
@@ -1401,6 +1420,8 @@ declare function __VLS_template_9(): {
         selection?: (props: {
             value?: CeSelectFieldProps["modelValue"];
         }) => VNode[];
+        /** Slot para customizar a exibição da label do select */
+        'content-label'?: () => VNode[];
     }> & {
         /** Slot para adicionar conteúdo antes das opções */
         'prepend-item'?: () => VNode[];
@@ -1414,6 +1435,8 @@ declare function __VLS_template_9(): {
         selection?: (props: {
             value?: CeSelectFieldProps["modelValue"];
         }) => VNode[];
+        /** Slot para customizar a exibição da label do select */
+        'content-label'?: () => VNode[];
     };
     refs: {
         rootRef: HTMLDivElement;
@@ -1854,6 +1877,7 @@ disabled: boolean;
 block: boolean;
 indeterminate: boolean;
 reserveSpaceFeedback: boolean;
+clickDisabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
 inputRef: HTMLInputElement;
 }, any>;
@@ -1896,6 +1920,7 @@ onPaginate?: (value: number) => any;
 totalPages: number;
 currentPage: number;
 itemsPerPage: number;
+paginationPages: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const _default_20: DefineComponent<SliderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -1927,8 +1952,10 @@ contoured: boolean;
 
 declare const _default_22: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (valor: string) => any;
+change: (valor: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{
 "onUpdate:modelValue"?: (valor: string) => any;
+onChange?: (valor: string) => any;
 }>, {
 invalid: boolean;
 disabled: boolean;
@@ -2010,7 +2037,10 @@ background: "smoky" | "transparent" | "black";
 showLoading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const _default_4: DefineComponent<IProgressStepsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IProgressStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default_4: DefineComponent<IProgressStepsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IProgressStepsProps> & Readonly<{}>, {
+position: "horizontal" | "vertical";
+showInitialStep: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const _default_40: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
@@ -2043,8 +2073,8 @@ updatePerPage: (value: number) => any;
 onUpdatePerPage?: (value: number) => any;
 }>, {
 disabled: boolean;
-textDirection: "left" | "right";
 position: "top" | "bottom";
+textDirection: "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 menuRef: HTMLDivElement;
 referenceRef: HTMLButtonElement;
@@ -2098,7 +2128,7 @@ declare interface DropdownProps {
     /** Define os itens do dropdown tipo seleção */
     itemsSelection?: ItemsSelection[];
     /** Define o tipo do dropdown */
-    type?: 'menu' | 'selection';
+    type?: 'menu' | 'selection' | 'button';
     /** Define a cor de fundo */
     background?: 'white' | 'black';
     /** Permite redirecionamento */
@@ -2109,6 +2139,9 @@ declare interface FileItem {
     file: File;
     progress: number;
     status: 'uploading' | 'success' | 'error';
+    message?: string;
+    errorLabel?: string;
+    successLabel?: string;
 }
 
 declare type FormatDate = 'yyyy-MM-dd' | 'dd/MM/yyyy' | 'timestamp' | 'iso' | 'string';
@@ -2137,6 +2170,7 @@ declare interface IBreadcrumbsProps {
 declare interface ICollapse {
     index: number;
     value: boolean;
+    item: unknown;
 }
 
 declare interface IData<T = unknown> {
@@ -2163,7 +2197,7 @@ declare interface IDropzone {
     /** limpa a lista de arquivos */
     clear?: boolean;
     /** Variante do componente */
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'tertiary';
     /** Simula o progresso do upload */
     simulateProgress?: boolean;
     /** Exibe ou oculta a barra de progresso */
@@ -2180,6 +2214,27 @@ declare interface IDropzone {
     rounded?: 'md' | 'lg' | 'xl';
     /** Prop utilizada para atualizar o progresso quando simulateProgress é false */
     file?: FileItem | null;
+    /** Título da variante terciária */
+    tertiaryVariantTitle?: string;
+    /** Texto de ajuda */
+    hint?: string;
+    /** Texto para ser um erro */
+    invalidFeedback?: string;
+    /** Aciona manualmente o estado de erro */
+    invalid?: boolean;
+    /** Se o input deve reservar espaço para feedback de erro */
+    reserveSpaceFeedback?: boolean;
+    /** Se deve mostrar o arquivo enviado */
+    showUploadedFile?: boolean;
+    /** Nome do arquivo para ser removido */
+    removableFileName?: string;
+    /** Exibi o botão de remover arquivo */
+    showRemoveButton?: boolean;
+}
+
+declare interface IFields {
+    field: string;
+    value: string | number | boolean;
 }
 
 declare interface IItems {
@@ -2187,12 +2242,15 @@ declare interface IItems {
     title: string;
     description: string;
     status: keyof IStatus;
+    showDescription?: boolean;
 }
 
 declare type IProgressStepsProps = {
     /** Define os itens que serão exibidos */
     items: IItems[];
-    variant?: 'primary' | 'secondary';
+    position?: 'horizontal' | 'vertical';
+    showInitialStep?: boolean;
+    titleInitialStep?: string;
 };
 
 export declare const isMobile: Ref<boolean, boolean>;
@@ -2285,6 +2343,8 @@ declare type PaginationProps = {
     totalItems?: number;
     /** Valor do currentPage para two-way binding (v-model) */
     modelValue?: number;
+    /** Número de páginas exibidas na paginação */
+    paginationPages?: number;
 };
 
 declare interface Props {
@@ -2327,6 +2387,7 @@ declare interface SliderProps {
     showValue?: boolean;
     size?: 'small' | 'large';
     modelValue?: number | number[];
+    showPercentage?: boolean;
 }
 
 declare interface SubMenu {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/react-components",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "types": "index.d.ts",
   "type": "module",
   "license": "private",