@comercti/react-components-hmg 0.0.50 → 0.2.1

package/index.d.ts

@@ -9,16 +9,20 @@ import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { VNode } from 'vue';
 
-declare const __VLS_component: DefineComponent<DataTableDefault, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component: DefineComponent<DataTableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: Record<string, any>[]) => any;
 updateSelected: (value: Record<string, any>[]) => any;
-}, string, PublicProps, Readonly<DataTableDefault> & Readonly<{
+orderBy: (value: string) => any;
+}, string, PublicProps, Readonly<DataTableProps> & Readonly<{
 "onUpdate:modelValue"?: (value: Record<string, any>[]) => any;
 onUpdateSelected?: (value: Record<string, any>[]) => any;
+onOrderBy?: (value: string) => any;
 }>, {
 search: boolean;
-striped: boolean;
 selectable: boolean;
+striped: boolean;
+orderByServer: boolean;
+expandLine: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 rootRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -142,7 +146,6 @@ onClick?: (event: MouseEvent) => any;
 disabled: boolean;
 block: boolean;
 type: "button" | "submit" | "a";
-size: "small" | "medium" | "large";
 rounded: "small" | "medium" | "large";
 variant: tipoVariante;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
@@ -584,8 +587,8 @@ declare type __VLS_Props_26 = {
 declare type __VLS_Props_27 = {
     /** Define o tipo de spinner  */
     type: 'spinner' | 'semi-circle' | 'dots';
-    /** Define se o spinner deve ser exibido ou não */
-    showLoading: boolean;
+    /** Define se o loading deve ser exibido ou não */
+    showLoading?: boolean;
 };
 
 declare type __VLS_Props_28 = {
@@ -621,8 +624,6 @@ declare type __VLS_Props_29 = {
 declare type __VLS_Props_3 = {
     /** Tipo do button (`attrs:to` ou `attrs:href` podem sobrepor essa regra) */
     type?: 'button' | 'submit' | 'a';
-    /** Tamanho do button */
-    size?: 'small' | 'medium' | 'large';
     /** Variante de cores do button */
     variant?: tipoVariante;
     /** Arredondamento do button */
@@ -785,6 +786,12 @@ declare function __VLS_template(): {
     } & {
         /**Slot usado para exibir botões de ação */
         groupButton?: (scope: {}) => VNode[];
+        /** Adiciona conteúdo na direta da tabela */
+        addToRight?: (scope: {}) => VNode[];
+        /**Slot usado para exibir o conteúdo expandido da tabela */
+        expandedRow?: (scope: {
+            item: Record<string, any>;
+        }) => VNode[];
     }>> & {
         [key: string]: (props: {
             item: Record<string, any>;
@@ -798,6 +805,12 @@ declare function __VLS_template(): {
     } & {
         /**Slot usado para exibir botões de ação */
         groupButton?: (scope: {}) => VNode[];
+        /** Adiciona conteúdo na direta da tabela */
+        addToRight?: (scope: {}) => VNode[];
+        /**Slot usado para exibir o conteúdo expandido da tabela */
+        expandedRow?: (scope: {
+            item: Record<string, any>;
+        }) => VNode[];
     };
     refs: {
         rootRef: HTMLDivElement;
@@ -826,18 +839,18 @@ declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         /** Adiciona conteúdo na direta do menu */
-        addToRight?: (scope: {}) => any;
+        addToRight?: (scope: {}) => VNode[];
         /** Adiciona imagem no menu */
-        addImg?: (scope: {}) => any;
+        addImg?: (scope: {}) => VNode[];
         /** Adiciona conteúdo no menu */
-        addContent?: (scope: {}) => any;
+        addContent?: (scope: {}) => VNode[];
     }> & {
         /** Adiciona conteúdo na direta do menu */
-        addToRight?: (scope: {}) => any;
+        addToRight?: (scope: {}) => VNode[];
         /** Adiciona imagem no menu */
-        addImg?: (scope: {}) => any;
+        addImg?: (scope: {}) => VNode[];
         /** Adiciona conteúdo no menu */
-        addContent?: (scope: {}) => any;
+        addContent?: (scope: {}) => VNode[];
     };
     refs: {};
     rootEl: any;
@@ -1420,7 +1433,9 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const addToast: (title: string, message: string, type: "success" | "error" | "warn" | "info", duration?: number, data?: IData | null) => void;
+export declare const activateCeLoading: () => void;
+
+export declare const addCeToast: (title: string, message: string, type: "success" | "error" | "warn" | "info", duration?: number, data?: IData | null) => void;
 
 export declare const CeAutocomplete: default_2.ComponentType<typeof _default_5>;
 
@@ -1539,11 +1554,6 @@ export declare const CeToggle: default_2.ComponentType<typeof _default_19>;
 
 export declare const CeTooltip: default_2.ComponentType<typeof _default_35>;
 
-declare interface DataTableDefault extends DataTableProps {
-    /** Ativa a opção de colorir linha sim linha não na tabela */
-    striped?: boolean;
-}
-
 declare type DataTableProps = {
     /** Array utilizado no header da tabela */
     headers: Header[];
@@ -1553,6 +1563,12 @@ declare type DataTableProps = {
     search?: boolean;
     /** Array de objetos que serão exibidos na tabela */
     items: Record<string, any>[];
+    /** Ativa a opção de colorir linha sim linha não na tabela */
+    striped?: boolean;
+    /** Define que a ordenação será feita junto ao backend */
+    orderByServer?: boolean;
+    /**Permitir a expansão da linha */
+    expandLine?: boolean;
 };
 
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1787,6 +1803,8 @@ totalPage: number;
 
 declare const _default_9: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
+export declare const disableCeLoading: () => void;
+
 declare interface FileItem {
     file: File;
     progress: number;
@@ -1913,7 +1931,7 @@ declare type PaginationProps = {
     currentPage: number;
 };
 
-export declare const removeToast: (id: number) => void;
+export declare const removeCeToast: (id: number) => void;
 
 declare interface SelectOption {
     label?: string;

package/package.json

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